@-webkit-keyframes tinDown {
  5%,
  15%,
  25% {
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }
  10%,
  20%,
  30% {
    -webkit-transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinDown {
  5%,
  15%,
  25% {
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }
  10%,
  20%,
  30% {
    -webkit-transform: scale(1, 1) translateY(0);
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
/**
 Animate background like on fb cards
 */
.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.nano .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.nano .nano-content:focus {
  outline: thin dotted;
}
.nano .nano-content::-webkit-scrollbar {
  display: none;
}
.nano .nano-pane {
  position: absolute;
  width: 6px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden \9;
  /* Target only IE7 and IE8 with this hack */
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.nano .nano-pane .nano-slider {
  background: #444;
  background: rgba(0, 0, 0, 0.25);
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.nano:hover .nano-pane,
.nano:hover .nano-pane.active,
.nano:hover .nano-pane.flashed {
  visibility: visible \9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/styles/fonts/opensans-regular-webfont.eot?#iefix') format('eot'), local('Open Sans'), local('OpenSans'), local('Open Sans Regular'), local('OpenSans-Regular'), url('/styles/fonts/opensans-regular-webfont.woff2') format('woff2'), url('/styles/fonts/opensans-regular-webfont.woff') format('woff');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/styles/fonts/opensans-italic-webfont.eot?#iefix') format('eot'), local('Open Sans Italic'), local('OpenSans-Italic'), url('/styles/fonts/opensans-italic-webfont.woff2') format('woff2'), url('/styles/fonts/opensans-italic-webfont.woff') format('woff');
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/styles/fonts/opensans-semibold-webfont.eot?#iefix') format('eot'), local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/styles/fonts/opensans-semibold-webfont.woff2') format('woff2'), url('/styles/fonts/opensans-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/styles/fonts/opensans-bold-webfont.eot?#iefix') format('eot'), local('Open Sans Bold'), local('OpenSans-Bold'), url('/styles/fonts/opensans-bold-webfont.woff2') format('woff2'), url('/styles/fonts/opensans-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
h1 {
  font-size: 28px;
  font-weight: normal;
}
a,
span.pseudo-link {
  color: #007cd3;
  cursor: pointer;
  transition: color 0.25s ease, border-color 0.25s ease;
}
a:hover,
span.pseudo-link:hover {
  color: #cc0000;
}
a[href^="#"],
span.pseudo-link {
  display: inline-block;
  border-bottom: 1px dotted #007cd3;
  text-decoration: none;
}
a[href^="#"]:hover,
span.pseudo-link:hover {
  border-bottom: 1px dotted #cc0000;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  text-transform: none;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  text-transform: none;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  text-transform: none;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  text-transform: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #bfbfbf;
  font-weight: normal;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #bfbfbf;
  font-weight: normal;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #bfbfbf;
  font-weight: normal;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #bfbfbf;
  font-weight: normal;
}
input[type="text"]::-ms-clear {
  display: none;
}
img.smile {
  vertical-align: bottom;
  height: 34px;
}
svg {
  max-width: 100%;
  max-height: 100%;
}
.hidden {
  display: none !important;
}
.invisible {
  opacity: 0 !important;
}
.unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.content-container dt {
  font-weight: bold;
  font-size: 1.17em;
}
.content-container dd {
  margin: 1em 0;
}
.content-container li {
  margin: 0.6em 0;
}
.content-container ol ol > li {
  list-style-type: lower-alpha;
}
.dev {
  display: none;
}
.tags {
  display: none;
}
.for-users-operator,
.for-supervisor,
.for-developer,
.for-demo,
.for-chat-operator,
.for-content-operator,
.for-marketing,
.for-commissions-operator,
.for-commissions-reviewer,
.for-agencies-operator,
.for-media-operator,
.for-streams-operator,
.for-facilities-operator,
.for-promoter,
.for-orbit-user {
  display: none;
}
.quantity-tip {
  border-radius: 50%;
  z-index: 1;
  padding: 2px 7px;
  color: #fff;
  font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-weight: bold;
  transition: opacity 0.25s, top 0s;
  /* TODO: mixin */
}
.quantity-tip.hot {
  -webkit-animation: blink 1.5s infinite ease-out;
}
.quantity-tip.hidden {
  top: -9999px;
  opacity: 0;
  transition: opacity 0.25s, top 1s linear 0.25s;
  -webkit-animation: none;
}
h1 + .lead {
  margin-top: 0.5em;
}
.lead {
  font-size: 18px;
}
.preview {
  color: #717171;
}
.note {
  color: #a9a9a9;
  font-size: 11px;
}
.note a {
  color: #a9a9a9;
}
.note span.pseudo-link,
.note a[href^="#"] {
  border-bottom: 1px dotted #a9a9a9;
}
.domain-capitalize {
  display: inline-block;
}
.domain-capitalize::first-letter {
  text-transform: capitalize;
}
txt,
.interest {
  display: inline-block;
}
l10n l10n {
  border: none;
}
.mirror {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.intro-tip-overlay.mirror .mirror {
  -moz-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
  right: 9px;
  left: auto;
}
.mirror.communication-panel {
  left: 9px;
  right: auto;
}
.mirror.sidebar {
  left: 282px;
  right: auto;
}
.mirror .txt-block {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.mirror txt {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  display: inline-block;
}
.mirror txt txt {
  -moz-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}
.mirror txt l10n {
  -moz-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}
.mirror select {
  direction: rtl;
}
.mirror img,
.mirror video,
.mirror input,
.mirror select,
.mirror textarea,
.mirror l10n,
.mirror q,
.mirror .interest,
.mirror .mirror-text {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  display: inline-block;
}
.mirror img l10n,
.mirror video l10n,
.mirror input l10n,
.mirror select l10n,
.mirror textarea l10n,
.mirror l10n l10n,
.mirror q l10n,
.mirror .interest l10n,
.mirror .mirror-text l10n {
  -moz-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
  display: initial;
}
.mirror img txt,
.mirror video txt,
.mirror input txt,
.mirror select txt,
.mirror textarea txt,
.mirror l10n txt,
.mirror q txt,
.mirror .interest txt,
.mirror .mirror-text txt {
  -moz-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}
.mirror input,
.mirror select,
.mirror textarea {
  direction: rtl;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mirror .mirror-rtl {
  direction: rtl;
}
.mirror .event-wrapper .description .wrapper {
  text-align: right;
}
body {
  display: block;
  background-color: #f9f9f9;
}
.unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.role-developer .dev {
  display: inline;
}
.role-users-operator .tags {
  display: block;
}
.role-supervisor .for-users-operator,
.role-demo .for-users-operator,
.role-supervisor .for-supervisor,
.role-demo .for-supervisor,
.role-supervisor .for-developer,
.role-demo .for-developer,
.role-supervisor .for-demo,
.role-demo .for-demo,
.role-supervisor .for-chat-operator,
.role-demo .for-chat-operator,
.role-supervisor .for-content-operator,
.role-demo .for-content-operator,
.role-supervisor .for-marketing,
.role-demo .for-marketing,
.role-supervisor .for-commissions-operator,
.role-demo .for-commissions-operator,
.role-supervisor .for-commissions-reviewer,
.role-demo .for-commissions-reviewer,
.role-supervisor .for-facilities-operator,
.role-demo .for-facilities-operator,
.role-supervisor .for-agencies-operator,
.role-demo .for-agencies-operator {
  display: block;
}
.role-users-operator .for-users-operator {
  display: block;
}
.role-developer .for-developer {
  display: block;
}
.role-chat-operator .for-chat-operator {
  display: block;
}
.role-content-operator .for-content-operator {
  display: block;
}
.role-commissions-operator .for-commissions-operator {
  display: block;
}
.role-commissions-reviewer .for-commissions-reviewer {
  display: block;
}
.role-curator .for-curator {
  display: block;
}
.role-agencies-operator .for-agencies-operator {
  display: block;
}
.role-promoter .for-promoter {
  display: block;
}
.role-media-operator .for-media-operator {
  display: block;
}
.role-streams-operator .for-streams-operator {
  display: block;
}
.role-facilities-operator .for-facilities-operator {
  display: block;
}
.role-marketing .for-marketing {
  display: block;
}
.role-orbit-user .for-orbit-user {
  display: block;
}
.devaluation-disabled .for-devaluation-enabled {
  display: none !important;
}
.devaluation-enabled .for-devaluation-disabled {
  display: none !important;
}
.liveroom-disabled .for-streaming-enabled {
  display: none !important;
}
.liveroom-enabled .for-streaming-disabled {
  display: none !important;
}
.call-invitation-disabled .for-call-invitation-enabled {
  display: none !important;
}
.call-invitation-enabled .for-call-invitation-disabled {
  display: none !important;
}
.quantity-tip {
  font-size: 0.883333333333333em;
  background: #cc0000;
  text-shadow: 0 1px #222;
}
.app-container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 0;
  box-sizing: border-box;
  font-size: 100%;
}
.app-container.notran * {
  -webkit-transition: none !important;
  -webkit-transition-duration: 0s !important;
  -webkit-animation-duration: inherit !important;
  transition: none !important;
  transition-duration: 0s !important;
  animation-duration: inherit !important;
}
.app-container.index {
  height: 100%;
  min-height: 750px;
  background-position: center 18%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.app-container.index.unauthorized header {
  z-index: 2;
}
.app-container.index > header,
.app-container.index > footer,
.app-container.index > section {
  display: none;
}
.app-container.index.theme-3 .logo {
  display: none;
}
.app-container.index.theme-1 > header,
.app-container.index.theme-2 > header,
.app-container.index.theme-3 > header,
.app-container.index.theme-4 > header,
.app-container.index.theme-1 > footer,
.app-container.index.theme-2 > footer,
.app-container.index.theme-3 > footer,
.app-container.index.theme-4 > footer,
.app-container.index.theme-1 > section,
.app-container.index.theme-2 > section,
.app-container.index.theme-3 > section,
.app-container.index.theme-4 > section {
  display: block;
}
.blocked .app-container.index .page {
  top: 0;
  background-attachment: fixed;
  background-size: cover;
}
.blocked .app-container.index {
  position: relative;
}
.app-container.notification header,
.app-container.notification footer,
.app-container.notification section.page > * {
  -webkit-transition: blur 1s;
  -webkit-filter: blur(6px);
  filter: progid:dximagetransform.microsoft.blur(MakeShadow='false', PixelRadius='2', ShadowOpacity='0');
}
.mirror-wrapper {
  min-width: 100%;
  position: relative;
}
.page {
  min-height: 100%;
  padding-right: 274px;
  box-sizing: border-box;
}
@media (max-width: 1279px) {
  .page {
    padding-right: 289px;
  }
}
@media (max-width: 950px) {
  .page {
    padding-right: 0;
  }
}
.chat-opened .page {
  padding-right: 919px;
}
@media (max-width: 1567px) {
  .chat-opened .page {
    padding-right: calc(50vw + 137px);
  }
}
@media (max-width: 950px) {
  .chat-opened .page {
    padding-right: calc(50vw + 5px);
  }
}
@media (max-width: 767px) {
  .chat-opened .page {
    padding-right: 0;
  }
}
.page .spinner-wrapper .spinner {
  display: none;
  position: absolute;
  top: 121px;
  left: 50%;
  margin-left: -150px;
}
.loading .page .spinner-wrapper .spinner {
  display: block;
}
.inner .page {
  min-width: 100%;
}
.page {
  position: relative;
  overflow-x: hidden;
  background-attachment: fixed;
}
.fixed .page {
  position: fixed;
  width: 100%;
  overflow: hidden;
}
.clearfix::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.clear {
  clear: both;
}
.limiting-wrapper {
  margin: 0 auto;
}
.user-profile .limiting-wrapper,
.inbox-page .limiting-wrapper {
  max-width: 1150px;
  min-width: 265px;
}
@media (max-width: 1279px) {
  .user-profile .limiting-wrapper,
  .inbox-page .limiting-wrapper {
    padding-right: 10px;
  }
}
@media (max-width: 950px) {
  .user-profile .limiting-wrapper,
  .inbox-page .limiting-wrapper {
    padding-right: 25px;
  }
}
@media (max-width: 479px) {
  .user-profile .limiting-wrapper,
  .inbox-page .limiting-wrapper {
    padding: 0 15px;
  }
}
.chat-opened .user-profile .limiting-wrapper,
.chat-opened .inbox-page .limiting-wrapper {
  padding-right: 10px;
}
@media (max-width: 950px) {
  .chat-opened .user-profile .limiting-wrapper,
  .chat-opened .inbox-page .limiting-wrapper {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .chat-opened .user-profile .limiting-wrapper,
  .chat-opened .inbox-page .limiting-wrapper {
    padding-right: 25px;
  }
}
@media (max-width: 479px) {
  .chat-opened .user-profile .limiting-wrapper,
  .chat-opened .inbox-page .limiting-wrapper {
    padding: 0 15px;
  }
}
.helpdesk .limiting-wrapper {
  padding: 0;
  min-width: 604px;
}
.limiting-wrapper {
  padding: 0 25px;
  max-width: 950px;
}
.content.special .limiting-wrapper {
  padding: 0 75px;
}
.blinked {
  position: relative;
  display: inline-block;
}
.blinked .hotspot {
  display: none;
  position: absolute;
  width: 10px;
  left: 0;
  top: 0;
  text-indent: 0;
  color: #ccc;
  overflow: hidden;
}
.blinked.process .hotspot {
  display: inline-block;
}
.popup-container,
.popup-container-hover,
.popup-container-event {
  position: relative;
}
.popup-container .popup,
.popup-container-hover .popup-hover,
.popup-container-event .popup-event,
.app-overlay .popup.content {
  position: absolute;
  z-index: 5;
  padding: 9px;
  opacity: 0;
  border-radius: 10px;
  background: #fff;
}
.popup-container .popup.authorization-wrapper,
.popup-container-hover .popup-hover.authorization-wrapper,
.popup-container-event .popup-event.authorization-wrapper,
.app-overlay .popup.content.authorization-wrapper {
  background: #fff;
}
.popup-container .popup.no-padding,
.popup-container-hover .popup-hover.no-padding,
.popup-container-event .popup-event.no-padding,
.app-overlay .popup.content.no-padding {
  padding: 0 !important;
}
.popup-container .popup::after,
.popup-container-hover .popup-hover::after,
.popup-container-event .popup-event::after,
.app-overlay .popup.content::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: '';
}
.popup-container .popup.centered::after,
.popup-container-hover .popup-hover.centered::after,
.popup-container-event .popup-event.centered::after,
.app-overlay .popup.content.centered::after {
  left: 50%;
  margin-left: -5px;
}
.popup-container .popup.top,
.popup-container-hover .popup-hover.top,
.popup-container-event .popup-event.top,
.app-overlay .popup.content.top {
  top: -9999px;
  margin-top: 0;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);
  transition: opacity 0.25s, top 0s linear 0.25s, margin-top 0.25s;
}
.popup-container .popup.top::after,
.popup-container-hover .popup-hover.top::after,
.popup-container-event .popup-event.top::after,
.app-overlay .popup.content.top::after {
  top: -6px;
  border-bottom: 6px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.popup-container .popup.bottom,
.popup-container-hover .popup-hover.bottom,
.popup-container-event .popup-event.bottom,
.app-overlay .popup.content.bottom {
  bottom: -9999px;
  margin-top: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  transition: opacity 0.25s, bottom 0s linear 0.25s, margin-bottom 0.25s, left 0s 0.25s;
}
.popup-container .popup.bottom::after,
.popup-container-hover .popup-hover.bottom::after,
.popup-container-event .popup-event.bottom::after,
.app-overlay .popup.content.bottom::after {
  bottom: -6px;
  border-top: 6px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.popup-container .popup.dark,
.popup-container-hover .popup-hover.dark,
.popup-container-event .popup-event.dark,
.app-overlay .popup.content.dark {
  background: #2d2d2d;
  color: #fff;
  border: none;
}
.popup-container .popup.dark.top::after,
.popup-container-hover .popup-hover.dark.top::after,
.popup-container-event .popup-event.dark.top::after,
.app-overlay .popup.content.dark.top::after {
  border-bottom-color: #2d2d2d;
}
.popup-container .popup.dark.bottom::after,
.popup-container-hover .popup-hover.dark.bottom::after,
.popup-container-event .popup-event.dark.bottom::after,
.app-overlay .popup.content.dark.bottom::after {
  border-top-color: #2d2d2d;
}
.popup-container .popup.dark a:hover,
.popup-container-hover .popup-hover.dark a:hover,
.popup-container-event .popup-event.dark a:hover,
.app-overlay .popup.content.dark a:hover,
.popup-container .popup.dark .pseudo-link:hover,
.popup-container-hover .popup-hover.dark .pseudo-link:hover,
.popup-container-event .popup-event.dark .pseudo-link:hover,
.app-overlay .popup.content.dark .pseudo-link:hover,
.popup-container .popup.dark .list-item:hover,
.popup-container-hover .popup-hover.dark .list-item:hover,
.popup-container-event .popup-event.dark .list-item:hover,
.app-overlay .popup.content.dark .list-item:hover {
  color: #cc0000;
}
.popup-container-hover .popup-hover::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 6px;
}
.popup-container-hover .popup-hover.top {
  transition: opacity 0.25s 1s, top 0s 1.25s, margin-top 0.25s 1s;
}
.popup-container-hover .popup-hover.top::before {
  top: -6px;
}
.popup-container-hover .popup-hover.bottom {
  transition: opacity 0.25s 1s, top 0s 1.25s, margin-top 0.25s 1s;
}
.popup-container-hover .popup-hover.bottom::before {
  bottom: -6px;
}
.popup-container.opened .popup,
.popup-container-hover:hover .popup-hover,
.popup-container-event .popup-event.opened {
  opacity: 1;
}
.popup-container.opened .popup.top,
.popup-container-hover:hover .popup-hover.top,
.popup-container-event .popup-event.opened.top {
  top: 100%;
  margin-top: 6px;
  transition: opacity 0.25s, top 0s, margin-top 0.25s;
}
.popup-container.opened .popup.bottom,
.popup-container-hover:hover .popup-hover.bottom,
.popup-container-event .popup-event.opened.bottom {
  bottom: 100%;
  margin-bottom: 6px;
  transition: opacity 0.25s, top 0s, margin-bottom 0.25s;
}
.mobile-button input,
.popup-container.upload .add-photo input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 15em;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mobile-button input::-webkit-file-upload-button,
.popup-container.upload .add-photo input::-webkit-file-upload-button {
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.popup-container.upload .add-photo {
  position: relative;
  overflow: hidden;
}
.popup-container.upload .add-photo.loading {
  background-image: url("/i/loader.gif?1");
  background-position: center center;
  background-repeat: no-repeat;
}
.popup-container.upload .add-photo.loading .field {
  opacity: 0;
}
.popup-container.upload .controls-container {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border-radius: 10px;
  overflow: hidden;
}
.popup-container.upload .controls-container .button {
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  padding: 20px 30px 20px 68px;
  box-shadow: none;
  border-radius: 3px;
}
@media (max-width: 479px) {
  .popup-container.upload .controls-container .button {
    padding: 20px 20px 20px 60px;
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  .popup-container.upload .controls-container .button.facebook::before {
    display: block;
  }
}
.popup-container.upload .controls-container .default {
  background-color: #fff;
}
.popup-container.upload .controls-container .default:hover {
  background-color: #e8e8e8;
}
.popup-container.upload .popup {
  padding: 0;
  left: -55px;
}
@media (max-width: 1160px) {
  .letter-tab .popup-container.upload .popup {
    left: auto;
    right: 0;
  }
}
@media (max-width: 700px) {
  .popup-container.upload .popup {
    left: -25px;
  }
}
.popup-container.upload .popup::after {
  left: 50%;
}
@media (max-width: 1160px) {
  .letter-tab .popup-container.upload .popup::after {
    left: auto;
    right: 15px;
  }
}
@media (max-width: 767px) {
  .letter-tab .popup-container.upload .popup::after {
    right: 50px;
  }
}
@media (max-width: 400px) {
  .letter-tab .popup-container.upload .popup::after {
    left: auto;
    right: 15px;
  }
}
.popup-container.upload li {
  padding: 0;
  border-top: 1px solid #eee;
  background-color: #fff;
}
.popup-container.opened .popup-control {
  opacity: 0.8;
}
.spinner {
  display: none;
  width: 16px;
  height: 16px;
  background: url(/i/preloader-white-16.gif?1) center center no-repeat;
}
.preloading .spinner {
  display: block;
}
.spinner.light {
  background-image: url(/i/loader-white-48.gif?1);
  background-size: 24px 24px;
}
.spinner-container {
  position: relative;
}
.spinner-container > * {
  opacity: 1;
  transition: opacity 0.25s ease 0.1s;
}
.spinner-container.loading > * {
  opacity: 0;
  pointer-events: none;
}
.spinner-container > .spinner {
  opacity: 0;
  display: block;
  position: absolute;
  left: 50%;
  top: -9999px;
  margin-top: -8px;
  margin-left: -8px;
  z-index: 0;
}
.spinner-container.loading > .spinner {
  opacity: 1;
  top: 50%;
}
.spinner-container.inline-block {
  display: inline-block;
}
.spinner-container.inline-block > .spinner {
  position: relative;
  display: inline-block;
  left: 10px;
  transition-delay: 1s;
}
.helper-container {
  position: fixed;
  top: 30%;
  right: 0;
  width: 0;
  z-index: 2;
  overflow: hidden;
  cursor: pointer;
  transition: width 0s linear 0.5s;
}
.helper-container .hint {
  position: relative;
  right: -100%;
  padding: 1em 2em 0.1em 1.5em;
  background-color: rgba(0, 0, 0, 0.65);
  color: #fff;
  border-radius: 10px 0 0 10px;
  transition: right 0.5s ease-in-out;
}
.helper-container .hint h1,
.helper-container .hint p {
  margin-top: 0;
}
.helper-container .hint h1 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.helper-container .hint p {
  font-size: 12px;
}
.helper-container .hint.active {
  right: 0;
}
.helper-container .accent {
  color: #ffd324;
}
.helper-container.active {
  transition: none;
  width: 300px;
}
.helper-container .close {
  position: absolute;
  top: 4px;
  right: 10px;
  display: block;
  width: 14px;
  height: 14px;
}
.enable-operator .button.apply {
  width: 26px;
  height: 26px;
  padding: 5px;
  background: transparent;
  border: 0;
}
.enable-operator .button.apply .icon {
  top: 5px;
  left: 5px;
  width: 26px;
  height: 26px;
  margin: 0;
  background: url('/i/icons/settings.png?1');
}
.gallery-inner {
  display: none;
}
.connection-status {
  position: absolute;
  display: block;
  opacity: 0;
  font-weight: bold;
  transition: opacity 0.25s;
}
.connection-status .led {
  position: absolute;
  top: 3px;
  left: -19px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transition: background-color 0.25s;
  background-size: contain !important;
}
.connection-status .online,
.connection-status .offline {
  position: absolute;
  left: -9999px;
  opacity: 0;
  transition: left 0 linear 0.25s, opacity 0.25s;
}
.online .connection-status {
  color: #00b15e;
  opacity: 1;
}
.online .connection-status .led {
  background: #00b15e;
}
.online .connection-status .online {
  position: static;
  left: 0;
  opacity: 1;
  transition: left 0, opacity 0.25s;
}
.offline .connection-status {
  color: #b6b6b6;
  opacity: 1;
}
.offline .connection-status .led {
  background: #b6b6b6;
}
.offline .connection-status .offline {
  position: static;
  left: 0;
  opacity: 1;
  transition: left 0, opacity 0.25s;
}
.connection-status .description {
  display: none;
  vertical-align: middle;
  color: #fff;
}
.online .connection-status .description.online {
  display: inline;
}
.online .connection-status .description.offline {
  display: none;
}
.online .connection-status .description.online-video {
  display: none;
}
.online .connection-status .description.online-mobileapp {
  display: none;
}
.online .connection-status .description.online-mobileapp {
  display: none;
}
.online .connection-status .description.offline-mobileapp {
  display: none;
}
.online .connection-status .description.offline-mobileapp {
  display: none;
}
.offline .connection-status .description.online {
  display: none;
}
.offline .connection-status .description.offline {
  display: inline;
}
.offline .connection-status .description.online-video {
  display: none;
}
.offline .connection-status .description.online-mobileapp {
  display: none;
}
.offline .connection-status .description.online-mobileapp {
  display: none;
}
.offline .connection-status .description.offline-mobileapp {
  display: none;
}
.offline .connection-status .description.offline-mobileapp {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam .profile-container.online .connection-status .description.online {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam .profile-container.online .connection-status .description.offline {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam .profile-container.online .connection-status .description.online-video {
  display: inline;
}
.webrtc.calls-enabled .user-profile.has-cam .profile-container.online .connection-status .description.online-mobileapp {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam .profile-container.online .connection-status .description.online-mobileapp {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam .profile-container.online .connection-status .description.offline-mobileapp {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam .profile-container.online .connection-status .description.offline-mobileapp {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam.no-webapp.has-mobileapp .profile-container.online .connection-status .description.online {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam.no-webapp.has-mobileapp .profile-container.online .connection-status .description.offline {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam.no-webapp.has-mobileapp .profile-container.online .connection-status .description.online-video {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam.no-webapp.has-mobileapp .profile-container.online .connection-status .description.online-mobileapp {
  display: inline;
}
.webrtc.calls-enabled .user-profile.has-cam.no-webapp.has-mobileapp .profile-container.online .connection-status .description.online-mobileapp {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam.no-webapp.has-mobileapp .profile-container.online .connection-status .description.offline-mobileapp {
  display: none;
}
.webrtc.calls-enabled .user-profile.has-cam.no-webapp.has-mobileapp .profile-container.online .connection-status .description.offline-mobileapp {
  display: none;
}
.user-profile.no-webapp.has-mobileapp .profile-container.online .connection-status .description.online {
  display: none;
}
.user-profile.no-webapp.has-mobileapp .profile-container.online .connection-status .description.offline {
  display: none;
}
.user-profile.no-webapp.has-mobileapp .profile-container.online .connection-status .description.online-video {
  display: none;
}
.user-profile.no-webapp.has-mobileapp .profile-container.online .connection-status .description.online-mobileapp {
  display: none;
}
.user-profile.no-webapp.has-mobileapp .profile-container.online .connection-status .description.online-mobileapp {
  display: inline;
}
.user-profile.no-webapp.has-mobileapp .profile-container.online .connection-status .description.offline-mobileapp {
  display: none;
}
.user-profile.no-webapp.has-mobileapp .profile-container.online .connection-status .description.offline-mobileapp {
  display: none;
}
.profile-container.offline.presence-mobileapp .connection-status .description.online {
  display: none;
}
.profile-container.offline.presence-mobileapp .connection-status .description.offline {
  display: none;
}
.profile-container.offline.presence-mobileapp .connection-status .description.online-video {
  display: none;
}
.profile-container.offline.presence-mobileapp .connection-status .description.online-mobileapp {
  display: none;
}
.profile-container.offline.presence-mobileapp .connection-status .description.online-mobileapp {
  display: none;
}
.profile-container.offline.presence-mobileapp .connection-status .description.offline-mobileapp {
  display: inline;
}
.profile-container.offline.presence-mobileapp .connection-status .description.offline-mobileapp {
  display: none;
}
.user-profile.presence-mobileapp .profile-container.offline .connection-status .description.online {
  display: none;
}
.user-profile.presence-mobileapp .profile-container.offline .connection-status .description.offline {
  display: none;
}
.user-profile.presence-mobileapp .profile-container.offline .connection-status .description.online-video {
  display: none;
}
.user-profile.presence-mobileapp .profile-container.offline .connection-status .description.online-mobileapp {
  display: none;
}
.user-profile.presence-mobileapp .profile-container.offline .connection-status .description.online-mobileapp {
  display: none;
}
.user-profile.presence-mobileapp .profile-container.offline .connection-status .description.offline-mobileapp {
  display: none;
}
.user-profile.presence-mobileapp .profile-container.offline .connection-status .description.offline-mobileapp {
  display: inline;
}
.balloon {
  position: relative;
  box-shadow: 0 3px 10px 0 rgba(231, 231, 231, 0.7);
  background: #fff;
  transition: background 0.25s;
}
.balloon.outgoing {
  background: #00b15e;
  color: #fff;
}
.balloon.outgoing.public {
  background: #fff;
  color: #222;
}
.balloon.incoming {
  background: #fff;
  color: #222;
}
.balloon.incoming.translation {
  background: #000;
  color: #fff;
  fill: #fff;
}
.reduce-matched {
  background-color: #ff0;
}
/* Стили для виджета добавляющего автозаполнение форм с помощью jquery.autocomplite */
/* Стили для выпадающего списка автозаполнения */
.autocomplete .field {
  position: relative;
}
.autocomplete .acResults {
  z-index: 1;
  padding: 9px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin-top: 6px;
  border-bottom: 1px solid #8f9090;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.autocomplete .acResults::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: '';
  top: -6px;
  border-bottom: 6px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.autocomplete .acResults::before {
  top: -7px;
  border-bottom: 6px solid #ccc;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: '';
}
.autocomplete .acResults ul {
  margin: -9px;
  padding: 0;
  list-style: none;
}
.autocomplete .acResults ul li {
  display: block;
  margin: 0;
  padding: 7px 10px;
  -webkit-margin-right: 3px;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #3b5998;
  border-bottom: 1px solid #cecece;
  font-weight: bold;
  cursor: pointer;
  transition: color 0.3s, background 0.3s;
}
.autocomplete .acResults ul li:hover,
.autocomplete .acResults ul li.jquery-autocomplete-selected-item {
  color: #fff !important;
  background: #3b5998;
}
.autocomplete .acResults ul li.first-suggest {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  margin-top: 1px;
}
.autocomplete .acResults ul li.last-suggest {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-bottom: 1px;
}
.tab-trigger {
  cursor: pointer;
}
.tab-trigger.active {
  color: #007cd3;
  cursor: default;
}
.tabs-content {
  position: relative;
}
.tab-content {
  position: absolute;
  display: none;
  left: -9999px;
  width: 100%;
}
.tab-content.active {
  position: static;
  display: block;
  left: 0;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
  transition: opacity 0.25s;
}
.smartbanner-show header {
  margin-top: 80px;
}
header .connection {
  display: none !important;
}
.chat-opened header {
  z-index: 3;
}
.blocked .registration-process header {
  z-index: 1;
}
header .limiting-wrapper {
  position: relative;
  margin: 0;
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 1280px) {
  header .limiting-wrapper {
    padding-right: 299px;
  }
}
@media (min-width: 1478px) {
  header .limiting-wrapper {
    max-width: 1156px;
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  header .limiting-wrapper {
    padding: 0;
  }
}
.chat-opened header .limiting-wrapper {
  max-width: 100%;
}
header .limiting-wrapper .user-id {
  display: none;
  font-size: 13px;
  font-weight: bold;
  background: #fff;
  padding: 0 10px;
  position: absolute;
  height: 20px;
  bottom: -20px;
  left: 0;
  border-radius: 0 0 10px 10px;
}
.role-promoter header .limiting-wrapper .user-id {
  display: block;
}
.blocked header {
  position: fixed;
  z-index: 3;
}
header {
  width: 100%;
  height: 87px;
  top: 0;
  transition: top 0.5s, transform 0.5s;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  .chat-opened header {
    top: -87px;
  }
}
@media (max-width: 600px) {
  .chat-opened header {
    top: -64px;
  }
}
.hud-hidden header {
  transform: translateY(-87px);
}
@media (max-width: 600px) {
  header {
    height: 64px;
  }
  .hud-hidden header {
    transform: translateY(-64px);
  }
}
.account-options {
  position: relative;
}
.account-options .options {
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}
.account-options .option {
  text-align: left;
}
.inner .account-options .popup-control,
.inner .account-options .inbox-control {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  height: 87px;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  box-sizing: content-box;
  border: 0;
  outline: none;
  box-shadow: none;
}
@media (max-width: 950px) {
  .inner .account-options .popup-control,
  .inner .account-options .inbox-control {
    position: relative;
    width: 60px;
    padding: 0;
  }
  .inner .account-options .popup-control l10n,
  .inner .account-options .inbox-control l10n,
  .inner .account-options .popup-control .blinked,
  .inner .account-options .inbox-control .blinked {
    display: none;
  }
  .inner .account-options .popup-control .text-replacer,
  .inner .account-options .inbox-control .text-replacer {
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -9.5px;
    margin-left: -9.5px;
  }
}
@media (max-width: 600px) {
  .inner .account-options .popup-control,
  .inner .account-options .inbox-control {
    height: 64px;
  }
}
@media (max-width: 500px) {
  .inner .account-options .popup-control,
  .inner .account-options .inbox-control {
    margin: 0 auto;
  }
}
.inner .account-options .popup-control:hover,
.inner .account-options .inbox-control:hover {
  background: #f5f5f5;
}
.inner .account-options .popup-control:hover .icon .status,
.inner .account-options .inbox-control:hover .icon .status {
  background: #f5f5f5;
}
.inner .account-options .popup-control.pressed,
.inner .account-options .inbox-control.pressed {
  background: #eee;
}
.inner .account-options .popup-control.pressed .icon .status,
.inner .account-options .inbox-control.pressed .icon .status {
  background: #eee;
}
.inner .account-options .popup-control .sandwich,
.inner .account-options .inbox-control .sandwich {
  display: block;
  text-indent: 0 !important;
}
.inner .account-options .popup-control .text-replacer,
.inner .account-options .inbox-control .text-replacer {
  display: none;
}
.inner .account-options .popup-control .connection-status,
.inner .account-options .inbox-control .connection-status {
  top: -3px;
  right: 7px;
  opacity: 1;
}
.inner .account-options .popup-control .connection-status .led,
.inner .account-options .inbox-control .connection-status .led {
  top: 50%;
  left: 50%;
  background: #009f83;
  border: 2px solid #fff;
}
.inner.inbox .account-options .inbox-control,
.inner.ward-inbox .account-options .inbox-control {
  background: #f5f5f5;
}
.inner.inbox .account-options .inbox-control .icon .status,
.inner.ward-inbox .account-options .inbox-control .icon .status {
  background: #f5f5f5;
}
.inner .account-options .opened .popup-control {
  background: #eee;
}
.inner .account-options .opened .popup-control .icon .status {
  background: #eee;
}
.inner header .account-options .account,
.inner header .account-options .switch {
  width: 87px;
  padding: 0;
}
@media (max-width: 950px) {
  .inner header .account-options .account,
  .inner header .account-options .switch {
    width: 60px;
  }
}
@media (max-width: 600px) {
  .inner header .account-options .account,
  .inner header .account-options .switch {
    height: 64px;
  }
}
.inner header .account-options .account .icon:not(.vip):not(.mood),
.inner header .account-options .switch .icon:not(.vip):not(.mood) {
  display: block;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  text-indent: 300%;
}
.inner header .account-options .contact .popup-control .icon {
  width: 27px;
  height: 24px;
  margin-top: -12px;
  margin-left: -13.5px;
  background: url('/i/icons/balloon.png?1') center center no-repeat;
}
.inner header .account-options .apply-roles .switch .icon {
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  background: url('/i/icons/settings.png?1');
}
.inner header .account-options .popup-control.check {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  padding: 0;
}
.inner header .account-options .popup-control.check::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 8px;
  margin-top: -4px;
  margin-left: -6px;
  background-image: url('/i/icons/additional-settings.png?1');
  content: '';
}
.inner header .account-options .opened .popup-control.check {
  background: transparent;
}
.account-options .clock .hours {
  display: none;
}
@media (max-width: 500px) {
  .account-options {
    width: 100%;
  }
}
.account-options .options {
  font-size: 0;
  text-align: right;
  margin-right: -31px;
}
@media (max-width: 950px) {
  .account-options .options {
    margin-right: -18px;
  }
}
@media (max-width: 500px) {
  .account-options .options {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0;
  }
  .account-options .options > li {
    -webkit-flex: 1 0 65px;
    -moz-flex: 1 0 65px;
    -ms-flex: 1 0 65px;
    -o-flex: 1 0 65px;
    flex: 1 0 65px;
  }
  .account-options .options::after {
    display: none;
  }
}
.account-options .option {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 475px) and (min-width: 320px) {
  .account-options .option {
    font-size: 12px;
  }
}
.account-options .option .header .counter,
.account-options .option .header .dot {
  display: none;
}
.account-options .option .inbox-control .dot,
.account-options .option .popup-control + .counter {
  display: block;
  background: #d4202d;
  border-radius: 10px;
}
.account-options .option .inbox-control .dot {
  position: absolute;
  right: 6px;
  top: calc(50% - 6px/2);
  height: 6px;
  width: 6px;
  animation-name: bounce;
  animation-duration: 600s;
  animation-delay: 1s;
  transition-timing-function: cubic-bezier(0, 0.995, 0, 1);
  animation-iteration-count: infinite;
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  0.03% {
    transform: translateY(-6px);
  }
  0.06% {
    transform: translateY(4px);
  }
  0.08% {
    transform: translateY(-3px);
  }
  0.10% {
    transform: translateY(2px);
  }
  0.12% {
    transform: translateY(-1px);
  }
  0.15% {
    transform: translateY(0);
  }
}
@media (min-width: 950px) {
  .account-options .option .inbox-control .dot {
    position: relative;
    top: auto;
    right: auto;
    left: 6px;
  }
}
.account-options .option .popup-control + .counter {
  position: absolute;
  bottom: 30%;
  right: 20%;
  height: 17px;
  width: auto;
  padding: 0 5px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  pointer-events: none;
}
@media (max-width: 500px) {
  .account-options .option .popup-control + .counter {
    right: 42%;
    bottom: 30%;
  }
}
.account-options .nano-content {
  position: relative;
  max-height: calc(100vh - 142px);
}
@media (max-width: 600px) {
  .account-options .nano-content {
    max-height: calc(100vh - 119px);
  }
  .iphone.safari .account-options .nano-content {
    max-height: calc(100vh - 187px);
  }
}
.account-options .nano-content:focus {
  outline: none;
}
.account-options .search .popup,
.account-options .account .popup {
  padding: 5px;
}
.account-options .search .nano-scroll-area,
.account-options .account .nano-scroll-area {
  padding: 11px 33px;
}
@media (max-width: 621px) {
  .account-options .search .nano-scroll-area,
  .account-options .account .nano-scroll-area {
    padding: 11px 13px;
  }
}
.account-options .popup {
  right: 0;
  padding: 18px 40px;
}
@media (max-width: 621px) {
  .account-options .popup {
    padding: 18px 20px;
  }
}
@media (max-width: 500px) {
  .account-options .popup {
    position: fixed;
    left: 6px !important;
    right: 6px !important;
    width: auto !important;
  }
}
.account-options .popup.top {
  margin-top: 9px;
}
.smartbanner-show .account-options .popup.top {
  margin-top: 89px;
}
.account-options .popup::after {
  display: none;
}
@media (max-width: 500px) {
  .account-options .opened .popup {
    top: 64px !important;
  }
}
.account-options .notification-list-wrapper .close,
.account-options .chat-list-wrapper .close {
  position: relative;
  top: 0;
  right: 0;
  margin: 0;
  flex: 0 0 30px;
}
.account-options .notification-list-wrapper .more,
.account-options .chat-list-wrapper .more,
.account-options .notification-list-wrapper .less,
.account-options .chat-list-wrapper .less {
  display: none;
}
.account-options .apply-roles {
  position: absolute;
  left: 100%;
}
.account-options .apply-roles .popup-container {
  font-size: 0;
}
.account-options .apply-roles .list-container {
  margin: -9px;
  padding: 0;
  min-width: 155px;
  list-style: none;
}
.account-options .apply-roles .list-container .separator {
  border-top: 1px solid #cecece;
}
.account-options .apply-roles .list-container li:first-child .list-item {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.account-options .apply-roles .list-container li:last-child .list-item {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.account-options .apply-roles .list-item {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #717171;
  background: none;
  border: none;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  transition: color 0.25s, background 0.25s;
}
.account-options .apply-roles .list-item:hover {
  color: #cc0000;
  background: #ddd;
}
.account-options .apply-roles .list-item input[type="checkbox"] {
  display: inline-block;
  margin: 0 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.account-options .apply-roles .list-item:focus {
  outline: none;
}
.account-options .apply-roles .list-item[disabled],
.account-options .apply-roles .list-item.disabled {
  color: #a9a9a9;
}
.account-options .apply-roles .list-item[disabled]:hover,
.account-options .apply-roles .list-item.disabled:hover {
  color: #a9a9a9;
  background-color: transparent;
}
.account-options .apply-roles button.list-item {
  margin: 0;
}
.account-options .apply-roles button.list-item,
.account-options .apply-roles input[type="button"].list-item {
  width: 100%;
}
.account-options .apply-roles .apply {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.account-options .apply-roles .check {
  font-size: 12px;
  width: 0;
  padding: 0.35em 0.65em;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.account-options .apply-roles .check::after {
  right: 4px;
}
.account-options .apply-roles .popup {
  font-size: 12px;
}
.account-options .account {
  font-size: 15px;
}
.account-options .account .link {
  color: #717171;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 0;
}
.account-options .account .link:hover {
  color: #cc0000;
}
.account-options .account .link.introductory-email,
.account-options .account .link.mobile-store-button {
  color: #222;
}
@media (max-width: 479px) {
  .account-options .account .popup {
    right: 10px;
  }
}
.account-options .list-container .isolated {
  border-top: 1px solid #eee;
  font-weight: normal;
}
.account-options .social-links-container {
  margin-top: 18px;
  text-align: center;
}
@media (max-width: 400px) {
  .account-options .social-links-container {
    margin-bottom: 18px;
  }
}
.account-options .social-links-container .social-fake-button {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  border: 2px solid;
}
.mirror .account-options .social-links-container .social-fake-button:not(.facebook)::before {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.account-options .social-links-container .social-fake-button.facebook {
  border-color: #3b5998;
  background: transparent;
}
.account-options .social-links-container .social-fake-button.facebook::before {
  line-height: 28px;
  font-size: 16px;
  color: #3b5998;
}
.account-options .social-links-container .social-fake-button.twitter {
  border-color: #55acee;
  background: transparent;
}
.account-options .social-links-container .social-fake-button.twitter::before {
  width: 14px;
  height: 11px;
  margin-left: -6px;
  margin-top: -5px;
  background-position: 0 -37px;
}
.mirror .account-options .social-links-container .social-fake-button.twitter::before {
  background-position: 14px -37px;
}
.account-options .social-links-container .social-fake-button.google {
  border-color: #d73d32;
  background: transparent;
}
.account-options .social-links-container .social-fake-button.google::before {
  width: 13px;
  height: 13px;
  margin-left: -5px;
  margin-top: -6px;
  background-position: 0 -49px;
}
.mirror .account-options .social-links-container .social-fake-button.google::before {
  background-position: 13px -49px;
}
.account-options .social-links-container .social-fake-button.youtube {
  border-color: #d22222;
  background: transparent;
}
.account-options .social-links-container .social-fake-button.youtube::before {
  width: 16px;
  height: 11px;
  margin-left: -8px;
  margin-top: -5px;
  background-position: 0 -63px;
}
.mirror .account-options .social-links-container .social-fake-button.youtube::before {
  background-position: -4px -63px;
}
.account-options .my-profile {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  text-decoration: none;
}
.account-options .my-profile .name {
  margin: 0 0 10px;
  font-size: 20px;
  color: #222;
}
.account-options .my-profile .link {
  color: #222;
}
.account-options .my-profile:hover .link {
  color: #cc0000;
}
.account-options .avatar-container {
  width: 80px;
  height: 80px;
  margin: auto auto 13px;
  position: relative;
}
.tag-credits-accounts-vip .account-options .avatar-container .icon.vip {
  display: block;
}
.account-options .avatar {
  display: block;
  margin: auto;
  min-width: 20px;
  max-height: 100%;
  max-width: 100%;
  border-radius: 50%;
}
.account-options .account .menu {
  width: 200px;
  margin: auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
.account-options .account .menu li {
  margin: 1em 0;
  text-transform: capitalize;
}
.account-options .account .menu li:last-child {
  margin-bottom: 0;
}
.account-options .account .menu .purchase,
.account-options .account .menu .subscribe {
  display: none;
}
.tag-customer .account-options .account .menu .purchase,
.tag-membership .account-options .account .menu .subscribe {
  display: block;
}
.tag-customer.tag-membership .account-options .account .menu .purchase {
  display: none;
}
.purchase-in-header-enabled .account-options .account .menu .purchase,
.purchase-in-header-enabled .account-options .account .menu .subscribe {
  display: none;
}
@media (max-width: 720px) {
  .tag-customer.purchase-in-header-enabled .account-options .account .menu .purchase,
  .tag-membership.purchase-in-header-enabled .account-options .account .menu .subscribe {
    display: block;
  }
}
@media (max-width: 720px) {
  .tag-customer.tag-membership.purchase-in-header-enabled .account-options .account .menu .purchase {
    display: none;
  }
}
@media (max-width: 720px) {
  .tag-users-prepromoter.purchase-in-header-enabled .account-options .account .menu .purchase,
  .tag-dialogs-messages-promoter.purchase-in-header-enabled .account-options .account .menu .purchase,
  .tag-users-prepromoter.purchase-in-header-enabled .account-options .account .menu .subscribe,
  .tag-dialogs-messages-promoter.purchase-in-header-enabled .account-options .account .menu .subscribe {
    display: none;
  }
}
.tag-users-prepromoter .account-options .account .menu .purchase,
.tag-dialogs-messages-promoter .account-options .account .menu .purchase,
.tag-users-prepromoter .account-options .account .menu .subscribe,
.tag-dialogs-messages-promoter .account-options .account .menu .subscribe {
  display: none;
}
.role-commissions-operator .account-options .account .menu .presents {
  display: none;
}
.tag-presents-available.role-commissions-operator .account-options .account .menu .presents {
  display: inline-block;
}
.role-agencies-operator .account-options .account .menu .presents {
  display: inline-block;
}
.role-curator .account-options .account .menu .promotional-code,
.role-commissions-operator .account-options .account .menu .promotional-code,
.role-promoter .account-options .account .menu .promotional-code,
.role-agencies-operator .account-options .account .menu .promotional-code,
.role-commissions-reviewer .account-options .account .menu .promotional-code,
.tag-users-prepromoter .account-options .account .menu .promotional-code {
  display: none;
}
.account-options .account .menu .orbit-manager .link {
  position: relative;
}
.account-options .account .menu .orbit-manager .link .connection-status {
  left: -20px;
  top: 5px;
  opacity: 1;
}
.account-options .account .menu .orbit-manager .link .connection-status .led {
  top: 50%;
  left: 50%;
  background: #009f83;
}
.account-options .account .menu .button {
  text-transform: uppercase;
  width: 100%;
  box-sizing: border-box;
}
.account-options .account .menu .watched-video {
  text-transform: capitalize;
  margin: 16px 0;
}
.account-options .account .menu .liveroom {
  display: none;
}
@media (max-width: 950px) {
  .account-options .account .menu .liveroom {
    display: block;
  }
}
.account-options .account .menu .my-profile-list.mingle {
  display: none;
  margin: 0;
}
.tag-customer .account-options .account .menu .my-profile-list.mingle,
.tag-membership .account-options .account .menu .my-profile-list.mingle {
  display: inline-block;
}
.tag-users-prepromoter .account-options .account .menu .my-profile-list.mingle,
.tag-dialogs-messages-promoter .account-options .account .menu .my-profile-list.mingle {
  display: none;
}
@media (max-width: 950px) {
  .tag-users-prepromoter .account-options .account .menu .my-profile-list.mingle,
  .tag-dialogs-messages-promoter .account-options .account .menu .my-profile-list.mingle {
    display: inline-block;
  }
}
.account-options .account .menu .my-profile-list .link {
  color: #222;
}
.account-options .account .menu .my-profile-list .link:hover {
  color: #cc0000;
}
@media (min-width: 501px) {
  .account-options .account .menu > .mood {
    display: none;
  }
}
.account-options .account .menu > .mood .link {
  display: inline-block;
  position: relative;
  color: #222;
}
.account-options .account .menu > .mood .link:hover {
  color: #cc0000;
}
.account-options .account .menu > .mood .link.unknown .unknown {
  display: block;
}
.account-options .account .menu > .mood .link.bored .bored {
  display: block;
}
.account-options .account .menu > .mood .link.friendly .friendly {
  display: block;
}
.account-options .account .menu > .mood .link.romantic .romantic {
  display: block;
}
.account-options .account .menu > .mood .link.flirty .flirty {
  display: block;
}
.account-options .account .menu > .mood .link.naughty .naughty {
  display: block;
}
.account-options .account .menu > .mood .icon.mood {
  display: none;
  margin-left: -26px;
}
.account-options .account .menu > .mood .icon.mood svg {
  width: 19px;
  height: 19px;
}
.account-options .account .menu.block-spoiler {
  display: block;
}
.account-options .account .menu.block-spoiler > .link {
  font-size: inherit;
  margin: 1em auto 0;
  line-height: inherit;
  display: inherit;
  border-bottom: 1px dotted #666;
  max-width: 115px;
}
.account-options .account .menu.block-spoiler > .link.active ~ .block {
  max-height: 190px;
}
.account-options .account .menu.block-spoiler .block .link {
  font-size: inherit;
  margin-bottom: 0;
}
.account-options .account .menu.block-spoiler .menu li + * {
  margin: 1.3em 0 0;
}
.account-options .account .additional {
  margin: 30px -40px 15px;
  padding: 0 40px 0;
}
.account-options .account .additional.last {
  border-top: 1px solid #f5f5f5;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
.account-options .account .additional .link {
  border-bottom: 0;
}
.account-options .account .additional .link:hover {
  color: #cc0000;
}
.account-options .search .popup {
  right: -234px;
}
@media (max-width: 1280px) {
  .account-options .search .popup {
    right: 0;
  }
}
@media (max-width: 950px) {
  .account-options .search .popup {
    right: -162px;
  }
}
@media (max-width: 1280px) {
  .purchase-in-header-enabled .account-options .search .popup {
    right: -162px;
  }
}
@media (max-width: 950px) {
  .purchase-in-header-enabled .account-options .search .popup {
    right: -367px;
  }
}
@media (max-width: 720px) {
  .purchase-in-header-enabled .account-options .search .popup {
    right: -162px;
  }
}
@media (max-width: 1280px) {
  .purchase-in-header-disable .account-options .search .popup {
    right: -55px;
  }
}
@media (max-width: 950px) {
  .purchase-in-header-disable .account-options .search .popup {
    right: -162px;
  }
}
@media (max-width: 1280px) {
  .purchase-in-header-enabled.role-promoter .account-options .search .popup,
  .purchase-in-header-disabled.role-promoter .account-options .search .popup {
    right: -234px;
  }
}
@media (max-width: 950px) {
  .purchase-in-header-enabled.role-promoter .account-options .search .popup,
  .purchase-in-header-disabled.role-promoter .account-options .search .popup {
    right: -162px;
  }
}
@media (max-width: 600px) {
  .account-options .search .popup-container.opened .popup {
    top: 64px !important;
  }
}
@media (max-width: 560px) {
  .account-options .search .popup-container.opened .popup {
    position: fixed;
    left: 6px;
    right: 6px;
    min-width: 250px;
  }
}
.account-options .mingle .blinked {
  overflow: hidden;
  vertical-align: middle;
}
.account-options .mingle .blinked .hotspot {
  -webkit-animation: blinktext-mingle-forward 1.25s infinite;
  -moz-animation: blinktext-mingle-forward 1.25s infinite;
  animation: blinktext-mingle-forward 1.25s infinite;
}
@-moz-keyframes blinktext-mingle-forward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100px);
  }
}
@-webkit-keyframes blinktext-mingle-forward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100px);
  }
}
@keyframes blinktext-mingle-forward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100px);
  }
}
.account-options .mingle .blinked .hotspot-text {
  display: inline-block;
  -webkit-animation: blinktext-mingle-backward 1.25s infinite;
  -moz-animation: blinktext-mingle-backward 1.25s infinite;
  animation: blinktext-mingle-backward 1.25s infinite;
}
@-moz-keyframes blinktext-mingle-backward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100px);
  }
}
@-webkit-keyframes blinktext-mingle-backward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100px);
  }
}
@keyframes blinktext-mingle-backward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100px);
  }
}
.account-options .mingle .aggressive {
  font-size: 0.8em;
  font-weight: bold;
  color: #d5232f;
  top: -0.5em;
}
.account-options .mingle.option {
  display: none;
}
@media (min-width: 951px) {
  .tag-users-prepromoter .account-options .mingle.option,
  .tag-dialogs-messages-promoter .account-options .mingle.option {
    display: inline-block;
  }
}
@media (max-width: 500px) {
  .account-options .mood.option {
    display: none;
  }
}
.account-options .mood.option h2 {
  color: #222;
  text-align: center;
  font-weight: normal;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 0.3em;
}
@media (max-width: 950px) {
  .account-options .mood.option h2 {
    font-size: 18px;
    margin-bottom: 1.65em;
  }
}
.account-options .mood.option .popup {
  min-width: 210px;
  padding-bottom: 40px;
}
@media (max-width: 950px) {
  .account-options .mood.option .popup {
    padding: 18px 0;
  }
}
@media (max-width: 540px) {
  .account-options .mood.option .popup {
    right: -20px;
  }
}
@media (max-width: 1030px) {
  .purchase-in-header-enabled .account-options .mood.option .popup {
    right: auto;
  }
}
.account-options .mood.option .trigger-wrapper {
  position: relative;
  overflow: hidden;
}
.account-options .mood.option.process .popup-trigger {
  transform: translateY(87px);
}
.account-options .mood.option .popup-trigger {
  position: relative;
  padding-right: 65px;
  transition: transform 400ms;
  transform: translateY(0);
}
@media (max-width: 950px) {
  .account-options .mood.option .popup-trigger {
    width: 60px;
    padding-right: 0;
  }
}
.account-options .mood.option .popup-trigger .text,
.account-options .mood.option .popup-trigger .icon {
  display: none;
}
.account-options .mood.option .popup-trigger .icon {
  right: 17px;
  left: auto;
}
@media (min-width: 951px) {
  .account-options .mood.option .popup-trigger .icon {
    right: 28px;
  }
}
.account-options .mood.option .popup-trigger.unknown .unknown,
.account-options .mood.option .popup-trigger.bored .bored,
.account-options .mood.option .popup-trigger.friendly .friendly,
.account-options .mood.option .popup-trigger.romantic .romantic,
.account-options .mood.option .popup-trigger.flirty .flirty,
.account-options .mood.option .popup-trigger.naughty .naughty {
  display: inline-block;
}
.account-options .mood.option .mood-selector {
  position: relative;
  /* состояние всех настроений:
        выбран элемент
        hover на элементе
        processing выбранного элемента */
}
@media (max-width: 950px) {
  .account-options .mood.option .mood-selector {
    width: 210px;
    margin: 0 40px;
    padding-top: 0;
  }
}
@media (max-width: 500px) {
  .account-options .mood.option .mood-selector {
    width: 70%;
    min-width: 210px;
    margin: 40px auto;
  }
}
.account-options .mood.option .mood-selector .line {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
}
@media (min-width: 951px) {
  .account-options .mood.option .mood-selector .line {
    flex-wrap: nowrap;
    padding-bottom: 81px;
  }
  .account-options .mood.option .mood-selector .line .elem.unknown {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 0;
    margin-top: 0;
    width: auto;
  }
  .account-options .mood.option .mood-selector .line .elem.unknown .backlight {
    display: none;
  }
}
.account-options .mood.option .mood-selector .elem {
  position: relative;
  text-align: center;
  cursor: pointer;
  width: 101px;
}
@media (max-width: 950px) {
  .account-options .mood.option .mood-selector .elem {
    width: 50%;
  }
}
.account-options .mood.option .mood-selector .elem:first-child .ruler .before {
  opacity: 0;
}
.account-options .mood.option .mood-selector .elem:nth-last-child(2) .ruler .after {
  opacity: 0;
}
.processing.account-options .mood.option .mood-selector .elem .svg,
.account-options .mood.option .mood-selector .elem:hover .svg {
  fill: #fff;
}
.processing.account-options .mood.option .mood-selector .elem .backlight,
.account-options .mood.option .mood-selector .elem:hover .backlight {
  width: 74px;
  height: 74px;
}
.account-options .mood.option .mood-selector .elem .icon-wrapper {
  display: flex;
  width: 72px;
  height: 72px;
  margin: 0 auto;
  border: 1px solid;
  border-radius: 50%;
  z-index: 10;
}
.account-options .mood.option .mood-selector .elem.bored .selector,
.account-options .mood.option .mood-selector .elem.bored .icon-wrapper {
  border-color: #9fe9dc;
}
.account-options .mood.option .mood-selector .elem.friendly .selector,
.account-options .mood.option .mood-selector .elem.friendly .icon-wrapper {
  border-color: #f0e392;
}
.account-options .mood.option .mood-selector .elem.romantic .selector,
.account-options .mood.option .mood-selector .elem.romantic .icon-wrapper {
  border-color: #fcb7ad;
}
.account-options .mood.option .mood-selector .elem.flirty .selector,
.account-options .mood.option .mood-selector .elem.flirty .icon-wrapper {
  border-color: #f89aa8;
}
.account-options .mood.option .mood-selector .elem.naughty .selector,
.account-options .mood.option .mood-selector .elem.naughty .icon-wrapper {
  border-color: #f9a596;
}
.account-options .mood.option .mood-selector .elem.unknown .selector {
  display: block;
}
.account-options .mood.option .mood-selector .elem.unknown .selector,
.account-options .mood.option .mood-selector .elem.unknown .icon-wrapper {
  border-color: #ccc;
}
.account-options .mood.option .mood-selector .ruler {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin: 5px 0;
}
@media (max-width: 950px) {
  .account-options .mood.option .mood-selector .ruler {
    display: none;
  }
}
.account-options .mood.option .mood-selector .ruler .short {
  width: 1px;
  height: 3px;
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: #d5d5d5;
  display: inline-block;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.account-options .mood.option .mood-selector .ruler .long {
  width: 1px;
  height: 13px;
  background-color: #8d8d8d;
  display: inline-block;
}
.account-options .mood.option .mood-selector.bored .elem.bored .backlight,
.account-options .mood.option .mood-selector.friendly .elem.friendly .backlight,
.account-options .mood.option .mood-selector.romantic .elem.romantic .backlight,
.account-options .mood.option .mood-selector.flirty .elem.flirty .backlight,
.account-options .mood.option .mood-selector.naughty .elem.naughty .backlight,
.account-options .mood.option .mood-selector.unknown .elem.unknown .backlight {
  width: 74px;
  height: 74px;
}
.account-options .mood.option .mood-selector.bored .elem.bored .icon,
.account-options .mood.option .mood-selector.friendly .elem.friendly .icon,
.account-options .mood.option .mood-selector.romantic .elem.romantic .icon,
.account-options .mood.option .mood-selector.flirty .elem.flirty .icon,
.account-options .mood.option .mood-selector.naughty .elem.naughty .icon,
.account-options .mood.option .mood-selector.unknown .elem.unknown .icon {
  transform: scale(0);
}
.account-options .mood.option .mood-selector.bored .elem.bored .icon.selected,
.account-options .mood.option .mood-selector.friendly .elem.friendly .icon.selected,
.account-options .mood.option .mood-selector.romantic .elem.romantic .icon.selected,
.account-options .mood.option .mood-selector.flirty .elem.flirty .icon.selected,
.account-options .mood.option .mood-selector.naughty .elem.naughty .icon.selected,
.account-options .mood.option .mood-selector.unknown .elem.unknown .icon.selected {
  transform: scale(1);
}
.account-options .mood.option .mood-selector .backlight {
  position: relative;
  margin: auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: none;
  transition: all 0.25s;
}
.account-options .mood.option .mood-selector.bored .elem.bored .backlight,
.account-options .mood.option .mood-selector .elem.bored:hover .backlight,
.account-options .mood.option .mood-selector.processing.bored .elem.bored .backlight {
  background: linear-gradient(to top, #84d770 0%, #03d2fc 100%);
}
.account-options .mood.option .mood-selector.bored .elem.bored .selector,
.account-options .mood.option .mood-selector .elem.bored:hover .selector,
.account-options .mood.option .mood-selector.processing.bored .elem.bored .selector {
  background-color: transparent;
}
@media (min-width: 951px) {
  .account-options .mood.option .mood-selector.bored .elem.bored .selector,
  .account-options .mood.option .mood-selector .elem.bored:hover .selector,
  .account-options .mood.option .mood-selector.processing.bored .elem.bored .selector {
    background-color: #9fe9dc;
  }
}
.account-options .mood.option .mood-selector.friendly .elem.friendly .backlight,
.account-options .mood.option .mood-selector .elem.friendly:hover .backlight,
.account-options .mood.option .mood-selector.processing.friendly .elem.friendly .backlight {
  background: linear-gradient(to top, #f1b12a 0%, #d5da20 100%);
}
.account-options .mood.option .mood-selector.friendly .elem.friendly .selector,
.account-options .mood.option .mood-selector .elem.friendly:hover .selector,
.account-options .mood.option .mood-selector.processing.friendly .elem.friendly .selector {
  background-color: transparent;
}
@media (min-width: 951px) {
  .account-options .mood.option .mood-selector.friendly .elem.friendly .selector,
  .account-options .mood.option .mood-selector .elem.friendly:hover .selector,
  .account-options .mood.option .mood-selector.processing.friendly .elem.friendly .selector {
    background-color: #f0e392;
  }
}
.account-options .mood.option .mood-selector.romantic .elem.romantic .backlight,
.account-options .mood.option .mood-selector .elem.romantic:hover .backlight,
.account-options .mood.option .mood-selector.processing.romantic .elem.romantic .backlight {
  background: linear-gradient(to top, #fb5a63 0%, #f98455 100%);
}
.account-options .mood.option .mood-selector.romantic .elem.romantic .selector,
.account-options .mood.option .mood-selector .elem.romantic:hover .selector,
.account-options .mood.option .mood-selector.processing.romantic .elem.romantic .selector {
  background-color: transparent;
}
@media (min-width: 951px) {
  .account-options .mood.option .mood-selector.romantic .elem.romantic .selector,
  .account-options .mood.option .mood-selector .elem.romantic:hover .selector,
  .account-options .mood.option .mood-selector.processing.romantic .elem.romantic .selector {
    background-color: #fcb7ad;
  }
}
.account-options .mood.option .mood-selector.flirty .elem.flirty .backlight,
.account-options .mood.option .mood-selector .elem.flirty:hover .backlight,
.account-options .mood.option .mood-selector.processing.flirty .elem.flirty .backlight {
  background: linear-gradient(to top, #eb264a 0%, #f84257 100%);
}
.account-options .mood.option .mood-selector.flirty .elem.flirty .selector,
.account-options .mood.option .mood-selector .elem.flirty:hover .selector,
.account-options .mood.option .mood-selector.processing.flirty .elem.flirty .selector {
  background-color: transparent;
}
@media (min-width: 951px) {
  .account-options .mood.option .mood-selector.flirty .elem.flirty .selector,
  .account-options .mood.option .mood-selector .elem.flirty:hover .selector,
  .account-options .mood.option .mood-selector.processing.flirty .elem.flirty .selector {
    background-color: #f89aa8;
  }
}
.account-options .mood.option .mood-selector.naughty .elem.naughty .backlight,
.account-options .mood.option .mood-selector .elem.naughty:hover .backlight,
.account-options .mood.option .mood-selector.processing.naughty .elem.naughty .backlight {
  background: linear-gradient(to top, #eb3d02 0%, #fb5a56 100%);
}
.account-options .mood.option .mood-selector.naughty .elem.naughty .selector,
.account-options .mood.option .mood-selector .elem.naughty:hover .selector,
.account-options .mood.option .mood-selector.processing.naughty .elem.naughty .selector {
  background-color: transparent;
}
@media (min-width: 951px) {
  .account-options .mood.option .mood-selector.naughty .elem.naughty .selector,
  .account-options .mood.option .mood-selector .elem.naughty:hover .selector,
  .account-options .mood.option .mood-selector.processing.naughty .elem.naughty .selector {
    background-color: #f9a596;
  }
}
.account-options .mood.option .mood-selector.unknown .elem.unknown .backlight,
.account-options .mood.option .mood-selector .elem.unknown:hover .backlight,
.account-options .mood.option .mood-selector.processing.unknown .elem.unknown .backlight {
  background: linear-gradient(to top, #f9f9f9 0%, #ccc 100%);
}
.account-options .mood.option .mood-selector.unknown .elem.unknown .selector,
.account-options .mood.option .mood-selector .elem.unknown:hover .selector,
.account-options .mood.option .mood-selector.processing.unknown .elem.unknown .selector {
  background-color: transparent;
}
@media (min-width: 951px) {
  .account-options .mood.option .mood-selector.unknown .elem.unknown .selector,
  .account-options .mood.option .mood-selector .elem.unknown:hover .selector,
  .account-options .mood.option .mood-selector.processing.unknown .elem.unknown .selector {
    color: #fff;
    background-color: #ccc;
  }
}
.account-options .mood.option .mood-selector.bored .elem.bored .icon-wrapper,
.account-options .mood.option .mood-selector .elem.bored:hover .icon-wrapper,
.account-options .mood.option .mood-selector.processing.bored .elem.bored .icon-wrapper,
.account-options .mood.option .mood-selector.friendly .elem.friendly .icon-wrapper,
.account-options .mood.option .mood-selector .elem.friendly:hover .icon-wrapper,
.account-options .mood.option .mood-selector.processing.friendly .elem.friendly .icon-wrapper,
.account-options .mood.option .mood-selector.romantic .elem.romantic .icon-wrapper,
.account-options .mood.option .mood-selector .elem.romantic:hover .icon-wrapper,
.account-options .mood.option .mood-selector.processing.romantic .elem.romantic .icon-wrapper,
.account-options .mood.option .mood-selector.flirty .elem.flirty .icon-wrapper,
.account-options .mood.option .mood-selector .elem.flirty:hover .icon-wrapper,
.account-options .mood.option .mood-selector.processing.flirty .elem.flirty .icon-wrapper,
.account-options .mood.option .mood-selector.naughty .elem.naughty .icon-wrapper,
.account-options .mood.option .mood-selector .elem.naughty:hover .icon-wrapper,
.account-options .mood.option .mood-selector.processing.naughty .elem.naughty .icon-wrapper,
.account-options .mood.option .mood-selector.unknown .elem.unknown .icon-wrapper,
.account-options .mood.option .mood-selector .elem.unknown:hover .icon-wrapper,
.account-options .mood.option .mood-selector.processing.unknown .elem.unknown .icon-wrapper {
  border-color: transparent;
}
@media (min-width: 951px) {
  .account-options .mood.option .mood-selector .elem.unknown .ruler,
  .account-options .mood.option .mood-selector .elem.unknown .icon-wrapper {
    display: none;
  }
}
.account-options .mood.option .mood-selector .selector {
  display: inline-block;
  font-size: 14px;
  font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-weight: normal;
  background-color: transparent;
  padding: 0.7142em 1.2em;
  border: 1px solid #000;
  border-radius: 25px;
  outline: none;
  cursor: pointer;
  color: #222;
  transition: background 0.25s, color 0.25s;
}
@media (max-width: 950px) {
  .account-options .mood.option .mood-selector .selector {
    border: none;
    background-color: transparent;
    padding: 0.6em 1.2em 1.2142em 1.2em;
  }
}
.account-options .mood.option .mood-selector .selector::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.account-options .mood.option .mood-selector .icon-wrapper {
  position: relative;
  margin: 0 auto;
  cursor: pointer;
}
.account-options .mood.option .mood-selector .icon-wrapper .icon {
  display: flex;
  top: calc(50% - 30px/2);
  left: calc(50% - 30px/2);
  width: 30px;
  height: 30px;
  transition: transform 0.125s;
  z-index: 1;
}
.account-options .mood.option .mood-selector .icon-wrapper .icon.selected {
  transform: scale(0);
}
.account-options .mood.option .mood-selector input {
  position: absolute;
  opacity: 0.01;
}
.account-options .mood.option .mood-selector input[type=submit] {
  display: none;
}
.account-options .inbox.option {
  position: relative;
}
.account-options .inbox.option .inbox-control {
  position: relative;
  margin: 0 auto;
  padding: 0 2.285714em;
  font: 700 14px "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  text-decoration: none;
  height: 87px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  color: #222;
}
@media (max-width: 950px) {
  .account-options .inbox.option .inbox-control {
    padding: 0;
  }
}
@media (max-width: 600px) {
  .account-options .inbox.option .inbox-control {
    height: 64px;
  }
}
.account-options .inbox.option .inbox-control .icon {
  top: 0;
  bottom: 0;
  margin: auto -12px auto;
}
.account-options .my-chats.option,
.account-options .chat-requests.option {
  display: none;
}
@media (max-width: 950px) {
  .account-options .my-chats.option,
  .account-options .chat-requests.option {
    display: inline-block;
  }
}
.account-options .my-chats.option .communication,
.account-options .chat-requests.option .communication {
  padding: 0;
  width: 275px;
}
.account-options .my-chats.option .title,
.account-options .chat-requests.option .title {
  margin: 0;
}
.account-options .my-chats.option .information,
.account-options .chat-requests.option .information {
  padding: 0 20px;
}
.account-options .my-chats.option .nano,
.account-options .chat-requests.option .nano {
  padding: 0;
  margin: 0;
}
.account-options .my-chats.option .nano-content,
.account-options .chat-requests.option .nano-content {
  max-height: calc(100vh - 184px);
}
@media (max-width: 600px) {
  .iphone.safari .account-options .my-chats.option .nano-content,
  .iphone.safari .account-options .chat-requests.option .nano-content {
    max-height: calc(100vh - 229px);
  }
}
.account-options .my-chats.option .event-wrapper:last-child,
.account-options .chat-requests.option .event-wrapper:last-child {
  border-radius: 0 0 10px 10px;
}
.account-options .my-chats.option .liveroom.mine,
.account-options .chat-requests.option .liveroom.mine {
  display: none;
}
.account-options .my-chats.option .bottom-wrapper,
.account-options .chat-requests.option .bottom-wrapper {
  display: none;
  padding: 11px 44px 11px 31px;
  border-radius: 0 0 10px 10px;
  background: #f5f5f5;
}
.account-options .my-chats.option .bottom-wrapper input,
.account-options .chat-requests.option .bottom-wrapper input {
  background: transparent;
}
.account-options .my-chats.option .bottom-wrapper::before,
.account-options .chat-requests.option .bottom-wrapper::before {
  top: 13px;
  left: 12px;
}
.account-options .my-chats.option .bottom-wrapper .sound,
.account-options .chat-requests.option .bottom-wrapper .sound {
  top: 7px;
  right: 17px;
}
@media (max-width: 420px) {
  .account-options .my-chats.option .popup {
    right: auto;
    left: -80px;
  }
}
@media (max-width: 420px) {
  .account-options .chat-requests.option .popup {
    right: auto;
    left: -102px;
  }
}
.account-options .purchase.option,
.account-options .subscribe.option {
  display: none;
  height: 87px;
  padding: 0 15px;
}
@media (max-width: 950px) {
  .account-options .purchase.option,
  .account-options .subscribe.option {
    padding: 0 10px;
  }
}
.account-options .purchase.option .button,
.account-options .subscribe.option .button {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
}
.account-options .purchase.option::before,
.account-options .subscribe.option::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.tag-customer.purchase-in-header-enabled .account-options .purchase.option,
.tag-membership.purchase-in-header-enabled .account-options .subscribe.option {
  display: inline-block;
}
@media (max-width: 720px) {
  .tag-customer.purchase-in-header-enabled .account-options .purchase.option,
  .tag-membership.purchase-in-header-enabled .account-options .subscribe.option {
    display: none;
  }
}
@media (max-width: 880px) {
  .tag-customer.purchase-in-header-enabled .account-options .purchase.option .default,
  .tag-membership.purchase-in-header-enabled .account-options .subscribe.option .default {
    display: none;
  }
}
.tag-customer.purchase-in-header-enabled .account-options .purchase.option .default.small,
.tag-membership.purchase-in-header-enabled .account-options .subscribe.option .default.small {
  display: none;
}
@media (max-width: 880px) {
  .tag-customer.purchase-in-header-enabled .account-options .purchase.option .default.small,
  .tag-membership.purchase-in-header-enabled .account-options .subscribe.option .default.small {
    display: inline-block;
  }
}
.tag-customer.tag-membership.purchase-in-header-enabled .account-options .purchase.option {
  display: none;
}
.tag-users-prepromoter.purchase-in-header-enabled .account-options .purchase.option,
.tag-dialogs-messages-promoter.purchase-in-header-enabled .account-options .purchase.option,
.tag-users-prepromoter.purchase-in-header-enabled .account-options .subscribe.option,
.tag-dialogs-messages-promoter.purchase-in-header-enabled .account-options .subscribe.option {
  display: none;
}
footer {
  display: none;
  padding: 50px 0;
  box-sizing: border-box;
}
@media (max-width: 320px) {
  footer {
    padding: 30px 0;
  }
}
.inner footer {
  padding-right: 284px;
}
@media (max-width: 950px) {
  .inner footer {
    padding-right: 0;
  }
}
.profile footer,
.index footer {
  display: block;
}
.inner footer {
  position: relative;
  z-index: 1;
  margin-top: 0;
  background: transparent;
  padding-top: 0;
  padding-bottom: 25px;
}
.chat-opened footer {
  padding-right: 919px;
  box-sizing: border-box;
}
@media (max-width: 1567px) {
  .chat-opened footer {
    padding-right: calc(50vw + 137px);
  }
}
@media (max-width: 950px) {
  .chat-opened footer {
    padding-right: calc(50vw + 5px);
  }
}
@media (max-width: 767px) {
  .chat-opened footer {
    padding-right: 0;
  }
}
.blocked footer {
  position: fixed;
  display: none;
  width: 100%;
}
footer .appendix {
  padding: 0;
  text-align: center;
}
footer .copyright {
  margin: 1.6em 0 0;
  line-height: 1.5;
  font-size: 14px;
  color: #999;
}
footer .copyright .part {
  white-space: nowrap;
}
.suspended footer .copyright {
  display: none;
}
footer .menu {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: capitalize;
}
@media (max-width: 625px) {
  footer .menu {
    font-size: 14px;
  }
}
@media (max-width: 1540px) {
  .chat-opened footer .menu {
    font-size: 14px;
  }
}
footer .menu li {
  display: inline-block;
  padding-left: 1em;
  white-space: nowrap;
}
footer .menu li:first-child {
  padding-left: 0;
}
@media (max-width: 854px) {
  footer .menu li {
    padding-left: 5px;
  }
}
@media (max-width: 569px) {
  footer .menu li {
    display: block;
    padding: 5px 0;
  }
}
@media (max-width: 480px) {
  footer .menu li {
    padding: 10px 0;
  }
}
@media (max-width: 320px) {
  footer .menu li {
    padding: 0 0 20px 0;
  }
}
@media (max-width: 1708px) {
  .chat-opened footer .menu li {
    padding-left: 5px;
  }
}
@media (max-width: 1405px) {
  .chat-opened footer .menu li {
    display: block;
    padding: 5px 0;
  }
}
@media (max-width: 767px) {
  .chat-opened footer .menu li {
    display: inline-block;
    padding: 0 0 0 5px;
  }
}
@media (max-width: 569px) {
  .chat-opened footer .menu li {
    display: block;
    padding: 5px 0;
  }
}
@media (max-width: 480px) {
  .chat-opened footer .menu li {
    padding: 10px 0;
  }
}
@media (max-width: 320px) {
  .chat-opened footer .menu li {
    padding: 0 0 20px 0;
  }
}
footer .menu a {
  color: #222;
  text-decoration: none;
}
footer .menu a[href^="#"] {
  border-bottom: 0;
}
footer .menu a:hover {
  color: #cc0000;
}
.app-overlay .promoter-passport {
  padding: 20px 95px 40px;
}
.suspend.content,
.decline-profile.content,
.suspicious.content,
.change-credits-amount.content {
  background-color: #f5f5f5;
}
.suspend.content .wrapper,
.decline-profile.content .wrapper,
.suspicious.content .wrapper,
.change-credits-amount.content .wrapper {
  padding: 20px;
}
.app-overlay .whatsapp-contact {
  max-width: 270px;
  padding: 40px;
  text-align: center;
}
.app-overlay .whatsapp-contact .facebook-support {
  margin-top: 24px;
  margin-bottom: 24px;
}
.app-overlay .whatsapp-contact .facebook-support .fb-bot {
  display: none;
}
.tag-customer .app-overlay .whatsapp-contact .facebook-support .fb-bot.fb-customer {
  display: initial;
}
.app-container:not(.tag-customer) .app-overlay .whatsapp-contact .facebook-support .fb-bot.fb-not-customer {
  display: initial;
}
.app-overlay .whatsapp-contact .facebook-support i {
  width: 88px;
  height: 88px;
  display: block;
  margin: 5px auto;
  background: url('/i/svg/facebook-messenger.svg') center center no-repeat;
  background-size: cover;
}
.app-overlay .whatsapp-contact .facebook-support a {
  display: block;
}
.app-overlay .whatsapp-contact .whatsapp-support a {
  display: block;
  margin: 32px;
}
.app-overlay .whatsapp-contact .whatsapp-hidden .or-text,
.app-overlay .whatsapp-contact .whatsapp-hidden .whatsapp-support-text {
  display: none;
}
.app-overlay .whatsapp-contact .logo {
  height: 80px;
  margin-bottom: 5px;
  display: block;
}
.app-overlay .whatsapp-contact .logo svg {
  height: 80px;
  width: 80px;
}
.app-overlay .whatsapp-contact .logo svg .cls-1,
.app-overlay .whatsapp-contact .logo svg .cls-3 {
  fill: #fff;
}
.app-overlay .whatsapp-contact .logo svg .cls-2 {
  fill: url(#whatsapp-svg-gradient);
}
.app-overlay .whatsapp-contact .logo svg .cls-3 {
  fill-rule: evenodd;
}
.app-overlay .whatsapp-contact .phone {
  display: block;
  margin: 30px 0 30px 0;
  font-weight: 600;
  font-size: 28px;
  padding: 0;
  pointer-events: none;
  text-align: center;
  color: inherit !important;
  text-decoration: none !important;
  font-family: inherit !important;
  line-height: inherit !important;
}
.app-overlay .sms-notification-suggestion .suggestion {
  max-width: 400px;
  background: url('/i/sms-notification-suggestion-background.jpg') center center no-repeat;
  padding: 65px 45px;
}
@media (max-width: 480px) {
  .app-overlay .sms-notification-suggestion .suggestion {
    padding: 45px 45px;
  }
}
.app-overlay .sms-notification-suggestion .suggestion .thumbnail-wrapper {
  margin: 35px;
}
@media (max-width: 480px) {
  .app-overlay .sms-notification-suggestion .suggestion .thumbnail-wrapper {
    margin: 0 35px 35px 35px;
  }
}
.app-overlay .sms-notification-suggestion .suggestion .thumbnail-wrapper .thumbnail {
  display: block;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin: auto;
}
.app-overlay .sms-notification-suggestion .suggestion .button-section {
  position: relative;
  margin-top: 45px;
}
@media (max-width: 480px) {
  .app-overlay .sms-notification-suggestion .suggestion .button-section {
    margin-top: 30px;
  }
}
.app-overlay .sms-notification-suggestion .suggestion .button-section .button.approve {
  display: block;
  margin: auto;
  text-transform: uppercase;
}
.app-overlay.presents-order,
.app-overlay.presents-orders {
  height: 100%;
}
.app-overlay.presents-order #hbs-presents-orders,
.app-overlay.presents-orders #hbs-presents-orders {
  height: 100%;
}
.app-overlay.presents-order .inner,
.app-overlay.presents-orders .inner,
.app-overlay.presents-order .frame,
.app-overlay.presents-orders .frame,
.app-overlay.presents-order .overlay-container,
.app-overlay.presents-orders .overlay-container,
.app-overlay.presents-order .content,
.app-overlay.presents-orders .content {
  height: 100%;
}
.app-overlay.presents-order .overlay-container,
.app-overlay.presents-orders .overlay-container {
  width: calc(100vw);
  max-width: 100%;
  display: block;
}
.app-overlay.presents-order .inner,
.app-overlay.presents-orders .inner {
  padding: 25px;
  display: block;
  box-sizing: border-box;
}
.app-overlay.presents-order .content.presents-order,
.app-overlay.presents-orders .content.presents-order,
.app-overlay.presents-order .content.presents-orders,
.app-overlay.presents-orders .content.presents-orders {
  max-height: none;
}
.app-overlay.presents-order .content.presents-complete-order,
.app-overlay.presents-orders .content.presents-complete-order {
  max-height: none;
}
@media (max-width: 1024px) {
  .app-overlay.presents-order .inner,
  .app-overlay.presents-orders .inner {
    padding: 0;
  }
  .app-overlay.presents-order .content,
  .app-overlay.presents-orders .content {
    border-radius: 0;
  }
}
.app-overlay.presents-presentation-letter .content.presents-presentation-letter,
.app-overlay.presents-send-letter .content.presents-presentation-letter,
.app-overlay.presents-presentation-letter .content.presents-send-letter,
.app-overlay.presents-send-letter .content.presents-send-letter {
  max-height: 890px;
}
.app-overlay.presents-presentation-letter .content.presents-send-letter,
.app-overlay.presents-send-letter .content.presents-send-letter {
  overflow: inherit;
}
@media (max-width: 479px), (max-height: 800px) {
  .app-overlay.presents-complete-order {
    height: 100%;
  }
  .app-overlay.presents-complete-order .inner,
  .app-overlay.presents-complete-order .frame,
  .app-overlay.presents-complete-order .overlay-container,
  .app-overlay.presents-complete-order .content {
    height: 100%;
  }
  .app-overlay.presents-complete-order .content {
    border-radius: 0;
  }
}
.app-overlay .camera {
  height: 100%;
  text-align: center;
}
.app-overlay.mirror .photos {
  -moz-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}
.app-overlay.mirror .photos .gallery-info,
.app-overlay.mirror .photos .privacy-tags,
.app-overlay.mirror .photos .sub-tags {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.app-overlay.camera-permissions-prompt,
.app-overlay.camera-permissions-prompt .inner,
.app-overlay.camera-permissions-prompt .frame,
.app-overlay.camera-permissions-prompt .overlay-container,
.app-overlay.camera-permissions-prompt .content.camera-permissions-prompt {
  height: 100%;
  width: 100%;
}
.app-overlay.camera-permissions-prompt .frame {
  display: table;
}
.app-overlay.camera-permissions-prompt .content.camera-permissions-prompt {
  border-radius: 0;
  max-height: 100%;
  display: table-cell;
  vertical-align: middle;
  opacity: 1;
  padding: 20px;
}
.app-overlay.camera-permissions-prompt .content.camera-permissions-prompt .wrapper {
  max-width: 100%;
  width: 530px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.app-overlay.camera-permissions-prompt .inner {
  padding: 0;
}
@media (max-width: 600px) {
  .app-overlay .letter {
    border-radius: 0;
  }
  .app-overlay .letter .letter-cover-image {
    border-radius: 0;
  }
}
.app-overlay .letter .letter-container {
  width: 100vw;
  height: 100vh;
}
@media (min-width: 768px) {
  .app-overlay .letter .letter-container {
    width: 620px;
    max-height: 890px;
  }
}
@media (max-width: 767px) {
  .app-overlay .letter .letter-container .message-box {
    padding-bottom: 70px;
  }
}
.android-env .app-overlay .letter .letter-container .message-box,
.ios-env .app-overlay .letter .letter-container .message-box {
  padding-bottom: 135px;
}
@media (max-width: 767px) {
  .app-overlay .letter .letter-container .button-section {
    bottom: 20px;
  }
}
.ios-env .app-overlay .letter .letter-container .button-section {
  bottom: 85px;
}
.ios-env .app-overlay .letter .letter-container .menu-panel {
  bottom: 75px;
}
.ios-env .app-overlay .letter .letter-container .send-letter-wrapper .letter-form {
  height: calc(100% - 75px);
}
.app-overlay .letter .letter-container .cancel {
  display: none;
}
@media (max-width: 400px) {
  .app-overlay .letter .letter-container .menu-panel {
    bottom: 0;
  }
}
@media (min-width: 481px) {
  .app-overlay .letter .letter-container .menu-panel {
    height: 37px;
  }
}
.app-overlay .letter .letter-container .menu-panel .tab {
  display: none;
}
.app-overlay .letter .letter-container .menu-panel .toolkit-wrapper {
  width: 100%;
}
@media (min-width: 768px) {
  .app-overlay .letter .letter-container .menu-panel .toolkit-wrapper {
    width: auto;
  }
}
.app-overlay .letter .letter-container .menu-panel .toolkit-wrapper .popup-container,
.app-overlay .letter .letter-container .menu-panel .toolkit-wrapper .send-letter {
  width: 20%;
}
@media (min-width: 768px) {
  .app-overlay .letter .letter-container .menu-panel .toolkit-wrapper .popup-container,
  .app-overlay .letter .letter-container .menu-panel .toolkit-wrapper .send-letter {
    width: auto;
  }
}
.app-overlay .letter .letter-container .menu-panel .toolkit-wrapper .send-letter {
  float: right;
}
@media (min-width: 768px) {
  .app-overlay .letter .letter-container .menu-panel .toolkit-wrapper .send-letter {
    width: auto;
  }
}
.app-overlay.menu .content.menu {
  width: 100vw;
  height: auto;
  border-radius: 0;
}
.app-overlay.menu .content.menu .nano {
  height: auto;
}
.app-overlay.menu .content.menu .nano-content {
  box-sizing: border-box;
  padding-top: 20px;
  max-height: inherit;
}
.app-overlay.menu .content.menu .nano-content .nano-scroll-area {
  padding-top: 20px;
}
.app-overlay .mood .option {
  display: block;
}
.app-overlay .mood .nano-content {
  padding-top: 50px;
  max-height: 100vh;
}
.app-overlay .mood .nano-content .nano-scroll-area {
  padding-top: 20px;
}
.app-overlay.cheers .content .inner {
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 480px;
  height: 70vh;
  padding: 0;
}
.app-overlay.cheers .cheers-viewer {
  margin-left: 25px;
}
.app-overlay.cheers ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.app-overlay.cheers .cheers-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 20px 0 10px;
  text-align: center;
  background: #f5f5f5;
}
.app-overlay.cheers .cheers-label {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 60px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.app-overlay.cheers .cheers-label.all {
  margin-left: -3px;
}
.app-overlay.cheers .cheers-label.all.shadow {
  position: absolute;
  margin-left: 0;
  z-index: 2;
  opacity: 0.5;
  right: -3px;
  top: 0;
}
.app-overlay.cheers .cheers-label p {
  margin: 0 0 10px;
}
.app-overlay.cheers .cheers-transfers {
  margin: 10px 0 0;
}
.app-overlay.cheers .cheers-counter {
  margin: 0 20px;
  position: relative;
}
.app-overlay.cheers .cheers-fans {
  padding: 0 25px;
}
.app-overlay.cheers .cheers-user {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.app-overlay.cheers .cheers-user > div {
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -o-flex: 1 0 auto;
  flex: 1 0 auto;
}
.app-overlay.cheers .cheers-user img {
  -webkit-flex: 0 1 40px;
  -moz-flex: 0 1 40px;
  -ms-flex: 0 1 40px;
  -o-flex: 0 1 40px;
  flex: 0 1 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 10px;
}
.app-overlay.cheers .cheers-user h4 {
  margin: 0;
  line-height: 1;
}
.app-overlay.cheers .cheers-user span {
  color: #717171;
}
.app-overlay.cheers .cheers-transfer {
  -webkit-flex: 0 1 60px;
  -moz-flex: 0 1 60px;
  -ms-flex: 0 1 60px;
  -o-flex: 0 1 60px;
  flex: 0 1 60px;
  border: 2px solid #ffc014;
  border-radius: 20px;
  font-size: 14px;
  padding: 6px;
  text-align: center;
}
.app-overlay.cheers .cheers-transfer svg {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}
.app-overlay.cheers .cheers-transfer span {
  color: #222;
  vertical-align: middle;
}
.app-overlay.streamer-status .streamer-status .inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  background: #fafafa;
  padding: 0;
  height: 450px;
  max-height: 98vh;
  width: 400px;
}
@media (max-width: 400px) {
  .app-overlay.streamer-status .streamer-status .inner {
    width: 100vw;
  }
}
.app-overlay.streamer-status .streamer-status .inner .nano {
  -webkit-flex: 0 2 180px;
  -moz-flex: 0 2 180px;
  -ms-flex: 0 2 180px;
  -o-flex: 0 2 180px;
  flex: 0 2 180px;
  max-height: 300px;
  width: 350px;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .app-overlay.streamer-status .streamer-status .inner .nano {
    width: 280px;
  }
}
.app-overlay.streamer-status .streamer-status .default .inner .nano {
  -webkit-flex: 0 2 30px;
  -moz-flex: 0 2 30px;
  -ms-flex: 0 2 30px;
  -o-flex: 0 2 30px;
  flex: 0 2 30px;
}
.app-overlay.streamer-status .streamer-status #hbs-streamer-status.owner .message,
.app-overlay.streamer-status .streamer-status #hbs-streamer-status.owner .status-stats,
.app-overlay.streamer-status .streamer-status #hbs-streamer-status.owner .attention {
  display: none;
}
.app-overlay.streamer-status .streamer-status #hbs-streamer-status.owner .inner .nano {
  display: none;
}
.app-overlay.streamer-status .streamer-status #hbs-streamer-status:not(.owner) .info,
.app-overlay.streamer-status .streamer-status #hbs-streamer-status:not(.owner) .change-status {
  display: none;
}
.app-overlay.streamer-status .user-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-flex: 0 1 180px;
  -moz-flex: 0 1 180px;
  -ms-flex: 0 1 180px;
  -o-flex: 0 1 180px;
  flex: 0 1 180px;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 780px) {
  .app-overlay.streamer-status .user-wrapper {
    -webkit-flex: 0 1 80px;
    -moz-flex: 0 1 80px;
    -ms-flex: 0 1 80px;
    -o-flex: 0 1 80px;
    flex: 0 1 80px;
  }
}
@media (max-width: 480px) {
  .app-overlay.streamer-status .user-wrapper {
    -webkit-flex: 1 0 80px;
    -moz-flex: 1 0 80px;
    -ms-flex: 1 0 80px;
    -o-flex: 1 0 80px;
    flex: 1 0 80px;
  }
}
.app-overlay.streamer-status .user-wrapper .shady {
  width: 25px;
  height: 26px;
  padding: 5px;
  margin-left: -25px;
  border-radius: 100%;
  align-self: flex-end;
}
.app-overlay.streamer-status .user-wrapper .add-contact svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}
.app-overlay.streamer-status .user-wrapper .add-contact .in-contacts {
  display: none;
}
.app-overlay.streamer-status .user-wrapper .add-contact.contact-added .in-contacts {
  display: inline-block;
}
.app-overlay.streamer-status .user-wrapper .add-contact.contact-added .add {
  display: none;
}
.app-overlay.streamer-status .user-info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  align-self: flex-end;
}
.app-overlay.streamer-status .user-info > a {
  text-align: center;
  text-decoration: none;
  color: #222;
}
.app-overlay.streamer-status .user-info > a > h4 {
  margin: 0;
  padding: 0 30px;
  white-space: nowrap;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-overlay.streamer-status .user-info .thumbnail {
  display: block;
  max-height: 100%;
  max-width: 100%;
  border-radius: 100%;
  margin: 0 auto 15px;
}
@media (max-width: 780px) {
  .app-overlay.streamer-status .user-info .thumbnail {
    max-height: 80px;
  }
}
.app-overlay.streamer-status .status-form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 45px;
  min-height: 0;
}
@media (max-width: 480px) {
  .app-overlay.streamer-status .status-form {
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
  }
}
.app-overlay.streamer-status .status-form .attention,
.app-overlay.streamer-status .status-form .approve {
  -webkit-flex: 1 0 38px;
  -moz-flex: 1 0 38px;
  -ms-flex: 1 0 38px;
  -o-flex: 1 0 38px;
  flex: 1 0 38px;
  width: 100%;
}
.app-overlay.streamer-status .status-form .attention svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: #fff;
}
.app-overlay.streamer-status .status-form > p {
  margin-top: 0;
  text-align: center;
}
.app-overlay.streamer-status .status-form .info {
  font-size: 14px;
}
.app-overlay.streamer-status .status-form .message {
  overflow: hidden;
  font-weight: bold;
  margin: 0;
  text-align: center;
}
.app-overlay.streamer-status .change-status {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  text-align: center;
  width: 100%;
}
.app-overlay.streamer-status .change-status textarea {
  max-height: 150px;
}
@media (min-width: 480px) {
  .app-overlay.streamer-status .change-status textarea {
    min-width: 310px;
  }
}
.app-overlay.streamer-status .status-stats {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-flex: 0 1 25px;
  -moz-flex: 0 1 25px;
  -ms-flex: 0 1 25px;
  -o-flex: 0 1 25px;
  flex: 0 1 25px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.app-overlay.streamer-status .status-stats svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.app-overlay.streamer-status .status-stats .cheers {
  margin-right: 15px;
}
.app-overlay.streamer-status .status-stats .cheers .added-cheers {
  display: none;
}
.app-overlay.streamer-status .status-stats .cheers .total-cheers {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}
.app-overlay.streamer-status .status-stats .counter svg {
  fill: #ccc;
}
.app-overlay.streamer-status .status-stats .counter .users,
.app-overlay.streamer-status .status-stats .counter .viewer {
  font-weight: bold;
}
.app-overlay.streamer-status .status-stats .counter .users span,
.app-overlay.streamer-status .status-stats .counter .viewer span {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}
.status-stats .users {
  display: none;
}
.registration-process .app-overlay {
  padding-top: 0;
}
.app-overlay .overlay-container {
  display: table;
}
.app-overlay.password .frame {
  max-width: 410px;
}
.app-overlay.complain .frame {
  max-width: 300px;
}
:root .app-overlay {
  filter: none;
}
@media (max-width: 950px) {
  .app-overlay .inner {
    padding: 3px;
  }
}
@media (max-width: 599px) {
  .app-overlay .inner {
    padding: 0;
  }
}
.app-overlay .content.localization {
  min-width: 830px;
}
.mirror .content.localization {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.mirror .content.localization textarea,
.mirror .content.localization l10n {
  -moz-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}
.app-overlay .offline-user {
  display: flex;
  max-height: none;
  height: 100%;
}
.app-overlay .offline-user .offline-user-container {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  max-width: 760px;
  height: 590px;
  width: 100%;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
}
.app-overlay .offline-user .offline-user-container p {
  margin: 25px 0;
  padding: 0 15%;
  font-size: 16px;
  font-weight: bold;
}
.app-overlay .offline-user .offline-user-container .button {
  min-width: 300px;
  margin: 0 auto;
  align-self: center;
  text-transform: uppercase;
}
@media (max-width: 400px) {
  .app-overlay .offline-user .offline-user-container .button {
    min-width: 100%;
  }
}
.app-overlay .offline-user .offline-user-container .avatar {
  height: 130px;
  width: 130px;
  border-radius: 50%;
}
@media (max-height: 400px) {
  .app-overlay .offline-user .offline-user-container .avatar {
    display: none;
  }
}
.app-overlay .change-credits-amount .form select.data {
  min-width: 315px;
  padding: 0.785714em 0.6em;
}
.app-overlay .change-credits-amount .form .add-reason {
  display: block;
}
.app-overlay .change-credits-amount .form .deduct-reason {
  display: none;
}
.app-overlay .change-credits-amount .form .button .add {
  display: inline-block;
}
.app-overlay .change-credits-amount .form .button .deduct {
  display: none;
}
.app-overlay .change-credits-amount .form.deduct-credits .add-reason {
  display: none;
}
.app-overlay .change-credits-amount .form.deduct-credits .deduct-reason {
  display: block;
}
.app-overlay .change-credits-amount .form.deduct-credits .button .add {
  display: none;
}
.app-overlay .change-credits-amount .form.deduct-credits .button .deduct {
  display: inline-block;
}
@media (max-width: 470px) {
  .app-overlay.mingle .overlay-container {
    width: 100%;
  }
}
@media (max-height: 720px) {
  .app-overlay.mingle .inner {
    display: block;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (max-width: 470px), (max-height: 720px) {
  .app-overlay.mingle .frame {
    height: 100%;
  }
}
.app-overlay.mingle .mingle.content {
  display: table;
  width: 450px;
  height: 665px;
}
@media (max-width: 470px) {
  .app-overlay.mingle .mingle.content {
    height: 100%;
    width: 100%;
    padding: 0;
  }
}
@media (max-height: 720px) {
  .app-overlay.mingle .mingle.content {
    height: 100%;
    max-height: none;
    margin: 0 auto;
  }
}
.app-overlay.mingle .mingle.content .wrapper {
  vertical-align: middle;
}
.app-overlay.mingle .mingle.content .wrapper .welcome.container,
.app-overlay.mingle .mingle.content .wrapper .result.container {
  margin-top: 42px;
}
.app-overlay.instance-blocked .overlay-container {
  width: 100%;
  max-width: 720px;
}
.app-overlay.instance-blocked .frame {
  height: 100%;
  max-height: 590px;
}
.app-overlay.instance-blocked .frame .instance-blocked.content {
  display: flex;
  max-height: none;
  height: 100%;
  width: 100%;
}
.app-overlay.instance-blocked .form {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
}
.app-overlay.instance-blocked .form p {
  margin: 25px 0;
  font-size: 16px;
  font-weight: bold;
}
.app-overlay.instance-blocked .form .button {
  min-width: 300px;
  margin: 0 auto;
  text-transform: uppercase;
}
@media (max-width: 400px) {
  .app-overlay.instance-blocked .form .button {
    min-width: 100%;
  }
}
.app-overlay.instance-blocked .form .data-wrapper {
  margin-bottom: 5px;
}
.app-overlay.instance-blocked .form .data {
  max-width: 300px;
  font-size: 14px;
  line-height: 1.2;
}
@media (max-width: 400px) {
  .app-overlay.instance-blocked .form .data {
    max-width: 100%;
  }
}
.app-overlay.instance-blocked .form .avatar-container {
  height: 130px;
}
.app-overlay.instance-blocked .form .avatar {
  height: 130px;
  width: 130px;
  border-radius: 50%;
}
@media (max-height: 400px) {
  .app-overlay.instance-blocked .form .avatar {
    display: none;
  }
}
.app-overlay.instance-blocked .form .logout {
  margin-top: 20px;
}
.app-overlay.welcome-email {
  height: 100%;
  overflow: hidden;
}
.app-overlay.welcome-email .inner {
  height: 100%;
}
.app-overlay.welcome-email .frame {
  height: 100%;
  max-height: 890px;
}
.app-overlay.welcome-email .content #hbs-welcome-email {
  height: 100%;
}
.app-overlay.welcome-email .content.loading {
  margin-top: 200%;
}
.app-overlay.welcome-email .content {
  max-height: 890px;
  height: 100%;
  overflow: inherit;
}
.app-overlay.welcome-email .content .chat {
  height: 100%;
  position: relative;
  border-radius: 5px;
  background: #f5f5f5;
}
@media (max-width: 480px) {
  .app-overlay.welcome-email .content .toolbar-panel {
    padding-bottom: 18px;
  }
}
@media (max-width: 480px) {
  .app-overlay.welcome-email .content .letter-tab .letter-form .send-letter {
    bottom: -37px;
    border-radius: 0;
  }
}
@media (max-width: 400px) {
  .app-overlay.welcome-email .content .menu-panel {
    height: 37px;
    bottom: 0;
  }
}
.app-overlay.welcome-email .overlay-container {
  height: 100%;
}
.app-overlay.welcome-email .menu-panel .smiles svg,
.app-overlay.welcome-email .menu-panel .attachments svg {
  left: 11px;
}
.app-overlay.welcome-email .menu-panel .smiles span,
.app-overlay.welcome-email .menu-panel .attachments span,
.app-overlay.welcome-email .menu-panel .smiles l10n,
.app-overlay.welcome-email .menu-panel .attachments l10n {
  display: inline-block;
}
@media (max-width: 480px) {
  .app-overlay.welcome-email .menu-panel .smiles span,
  .app-overlay.welcome-email .menu-panel .attachments span,
  .app-overlay.welcome-email .menu-panel .smiles l10n,
  .app-overlay.welcome-email .menu-panel .attachments l10n {
    display: none;
  }
}
.app-overlay.welcome-email .menu-panel .smiles {
  padding: 12px 12px 10px 32px;
}
@media (max-width: 480px) {
  .app-overlay.welcome-email .menu-panel .smiles svg {
    left: calc(50% - 9px);
  }
}
@media (max-width: 480px) {
  .app-overlay.welcome-email .menu-panel .attachments svg {
    left: calc(50% - 11px);
  }
}
header .logo {
  position: relative;
  display: block;
  margin: 0;
  color: #fff;
  width: 237px;
  height: 87px;
  background: url('/i/latin/index/logo.svg?2') left center no-repeat;
  background-size: contain;
  text-decoration: none;
  border-bottom: none;
}
header .logo:hover {
  border-bottom: none;
}
@media (max-width: 600px) {
  header .logo {
    height: 64px;
    background-image: url('/i/latin/index/logo.svg?2');
    width: 114px;
  }
}
@media (max-width: 600px) {
  header .logo {
    height: 64px;
    background-image: url('/i/latin/index/logo.svg?2');
    width: 114px;
  }
}
@media (max-width: 500px) {
  header .logo {
    display: none;
  }
}
.index header .logo {
  height: 137px;
  width: 311px;
  background-image: url('/i/logo-big.png?1');
}
.app-notification {
  display: block;
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 15;
  transition: opacity 0.25s ease, left 0 ease 0.25s;
}
.app-notification .close-notification {
  text-align: center;
}
.app-notification .close-notification button {
  display: inline-block;
}
.notification .app-notification {
  left: 0;
  opacity: 1;
  transition: transform left 0 ease, opacity 0.25s ease;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.app-notification .container {
  height: 100%;
  display: table;
  margin: 0 auto;
}
.app-notification .inner {
  display: table-cell;
  vertical-align: middle;
}
.app-notification .frame {
  -webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  transition: transform;
  display: block;
  max-width: 450px;
  padding: 12px 18px 12px 18px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  background: url(#);
  background: rgba(0, 0, 0, 0.8);
}
.app-notification .frame a {
  color: #fff;
}
.notification .app-notification .frame {
  -webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transition: transform;
}
.app-notification .notes-container {
  position: relative;
  display: none;
}
.app-notification .notes-container p {
  line-height: 1.8;
}
.app-notification .notes-container .message {
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 1.33em;
}
.notification .app-notification .notes-container {
  display: block;
}
.app-notification.error .frame {
  border: 4px solid #f00;
}
.app-notification.info {
  text-align: center;
}
.app-notification.info .frame {
  border: 4px solid #89bd01;
}
.app-notification.info .notes-container .message h4 {
  margin-top: 0;
  font-weight: bold;
  line-height: 1em;
}
.app-notification.info .notes-container .message h4::before {
  display: inline-block;
  vertical-align: baseline;
  content: '';
  margin: 0 10px 0 -28px;
  width: 18px;
  height: 17px;
  background: url('/i/spritesheet.png?9') 0 -394px no-repeat;
}
.browser-support {
  display: block;
  width: 635px;
  *position: absolute;
  *top: 50%;
  *left: 50%;
  *margin-left: -317.5px;
}
.browser-support .wrapper {
  position: relative;
  top: -50%;
  padding: 7px;
  font-size: 1.166666666666667em;
  color: #838383;
  text-align: center;
  background: #5a5f64;
  overflow: hidden;
  zoom: 1;
}
.browser-support .support {
  padding: 45px 100px;
  background: #f6f6f6;
  background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
  background: linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
  overflow: hidden;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFF, EndColorStr=#E9E9E9, GradientType=0);
}
.browser-support .support h1,
.browser-support .support h2,
.browser-support .support h3 {
  font-size: 2em;
  color: #222;
}
.browser-support .download {
  margin: 0;
  padding: 15px 0 0 0;
  list-style: none;
}
.browser-support .download .browser {
  float: left;
  width: 33.3%;
  height: 100px;
  background: url("/i/browsers.png?1") no-repeat;
}
.browser-support .download .browser a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.browser-support .download .chrome {
  background-position: center top;
}
.browser-support .download .ie {
  background-position: center -225px;
}
.browser-support .download .ff {
  background-position: center -113px;
}
.browser-support .offer {
  font-size: 11px;
  border-top: 1px solid #eee;
  background: #f3f3f3;
  overflow: hidden;
}
.browser-support .offer p {
  margin: 0;
  padding: 20px 0;
}
.notification-suspended {
  display: none;
  margin-top: 40px;
  text-align: center;
}
.notification-suspended .notification-text-wrap {
  display: inline-block;
  font-size: 14px;
  padding: 0 34px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  color: #fff;
}
.chat-wrapper .notification-suspended {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.suspended .user-profile .notification-suspended,
.chat-wrapper.suspended .notification-suspended {
  display: block;
}
.form .section {
  display: inline-block;
  width: 46%;
  margin-right: 10px;
  vertical-align: top;
}
.form .fields {
  margin: 0;
}
.form .label-wrapper,
.form .field-wrapper {
  margin: 0;
  padding-bottom: 10px;
}
.form .invalid .data {
  border: 1px solid #f00;
  outline: none;
}
.form .field {
  margin: 0;
}
.form .data {
  width: 100%;
  padding: 0.785714em 0.6em;
  font-size: 1em;
  font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  margin: 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 3px;
}
.form .data.disabled,
.form .data[disabled] {
  background-color: #ebebe4;
}
.form select.data {
  padding: 0.5em 0.6em;
}
.form textarea.data {
  overflow: auto;
  resize: none;
}
.form .button-wrapper {
  text-align: center;
  margin: 0;
}
.form .validation-message {
  display: none !important;
  color: #f00;
}
.form h2,
.form h3 {
  margin-top: 0;
}
.form input[type="radio"] {
  margin-top: 0;
}
.form input[type="checkbox"],
.form input[type="radio"] {
  margin-right: 0;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
}
.form input[type="checkbox"] + span,
.form input[type="checkbox"] + label,
.form input[type="radio"] + span,
.form input[type="radio"] + label {
  display: inline-block;
  padding-left: 8px;
  vertical-align: middle;
  cursor: pointer;
}
.form option.label {
  color: #717171;
}
.change-password .middle {
  vertical-align: middle;
}
.change-password .new-password-container {
  position: relative;
  padding-bottom: 0;
  width: 100%;
  max-width: 530px;
}
.change-password .new-password {
  height: 50px;
  width: 100%;
  padding: 0 120px 0 18px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.mirror .change-password .new-password {
  padding: 0 18px 0 120px;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.change-password .change {
  height: 48px;
  width: 100px;
  right: 1px;
  bottom: 1px;
  border-radius: 0 3px 3px 0;
  position: absolute;
  text-transform: uppercase;
  box-sizing: border-box;
  padding-right: 0;
  padding-left: 0;
}
.app-overlay .password .change-password {
  background: #fff;
  overflow: hidden;
}
.app-overlay .password .change-password > .label {
  display: none;
}
.app-overlay .password .change-password h3,
.app-overlay .password .change-password .comment {
  display: none;
}
.app-overlay .password .change-password .title {
  margin-top: 12px;
  padding: 0 15px;
  font-size: 1em;
}
.app-overlay .password .change-password .form {
  padding: 15px;
  background: #f5f5f5;
}
.app-overlay .password .change-password .form h3 {
  display: block;
  margin-bottom: 3px;
}
.app-overlay .password .change-password .form label {
  line-height: 1.5em;
}
.app-overlay .password .change-password .form .button-wrapper {
  text-align: left;
}
.app-overlay .password .change-password .form .success {
  display: none;
}
.app-overlay .password .change-password {
  width: 410px;
  font-size: 14px;
}
.button.default {
  color: #323232 !important;
  background: #fff;
  /* &.pressed {
       @import "settings";

       .gradient > .2(@start-color, @end-color, ~'@{ie8bg}');

       &:hover, &:focus {
         color:  @color;
         border-color: ~'@{ie8-before-color} transparent @{ie8-after-color}';
         :root & {
           border-color: @border-top-color @border-left-right-color @border-bottom-color;
         }
       }

    } */
}
.button.default:hover,
.button.default.hover {
  color: #323232 !important;
  background-color: #e8e8e8;
}
.button.default:focus {
  color: #323232 !important;
  background-color: #e8e8e8;
}
.button.default:active,
.button.default.pressed {
  color: #323232 !important;
  background: #fff;
}
/*

.button.default:active,
.button.processing.default,
.processing .button.default,
.button.pressed.default {
    @import "settings";

    color: @active-color;
    background-color: @active-ie8bg;

    border-color: ~'@{active-ie8-before-color} transparent @{active-ie8-after-color}';
    :root & {
        border-color: @border-active-color;
    }
} */
.button.emblem {
  padding-left: 5.098214em;
}
.button.emblem svg {
  position: relative;
  display: none;
  margin-right: 6px;
  fill: #fff;
}
.button.emblem::before {
  display: block;
  position: absolute;
  top: 0;
  left: 2.285714em;
  bottom: 0;
  margin: auto;
  width: 1.6875em;
  height: 1.6875em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: '';
}
.button.emblem.hidden-text {
  padding-left: 3.973214em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: -999px;
  width: 0;
}
.button.emblem.facebook {
  padding: 0;
  line-height: 14px;
}
@media (max-width: 768px) {
  .button.emblem.facebook {
    width: 247px;
    padding-left: 63px;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .button.emblem.facebook {
    width: 196px;
    padding-left: 0;
    text-align: center;
  }
}
@media (max-width: 475px) and (min-width: 320px) {
  .button.emblem.facebook {
    width: 146px;
    text-align: center;
  }
}
.button.emblem.facebook::before {
  display: inline-block !important;
  position: absolute;
  margin-right: 1em;
  content: "f";
  text-align: left;
  text-indent: 0.45em;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.299375em;
  width: 1.299375em;
  height: 1.299375em;
  text-transform: lowercase;
  border: 2px solid;
  border-radius: 50%;
}
.mirror .button.emblem.facebook::before {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.button.emblem.image-upload::before {
  height: 1.755em;
  background-image: url('/i/icons/images.png?1');
}
.button.emblem.media-360-upload::before {
  height: 1.6875em;
  background-image: url('/i/icons/360.svg?2');
}
.button.emblem.webcam-photo::before {
  height: 1.940625em;
  background-image: url('/i/icons/camera.png?1');
}
.button.emblem.empty-thumbnail::before {
  background-image: url('/i/icons/empty-thumbnail.png?1');
}
.button.emblem.remove::before {
  left: 2.471339em;
  width: 1.31625em;
  height: 1.5525em;
  background-image: url('/i/icons/trash.png?1');
}
.button.emblem.photo-cam::before {
  left: 2.1591515em;
  width: 1.940625em;
  background-image: url('/i/icons/photo-camera.png?1');
}
.button.emblem.photo-cam.black::before {
  left: 2.1591515em;
  width: 1.940625em;
  background-image: url('/i/icons/photo-camera-black.png?1');
}
.button.emblem.templates::before {
  left: 2.1591515em;
  width: 1.940625em;
  background-image: url('/i/icons/templates.png?1');
}
.button.emblem.more::before {
  left: 2.1254015em;
  width: 2.008125em;
  height: 0.556875em;
  background-image: url('/i/icons/photo-controls.png?1');
}
.button.emblem.video,
.button.emblem.liveroom {
  padding-left: 4em;
}
.button.emblem.video svg,
.button.emblem.liveroom svg {
  top: 2px;
  width: 22px;
  height: 15px;
}
@media (max-width: 479px) {
  .button.emblem.video,
  .button.emblem.liveroom {
    padding-left: 20px;
  }
}
.button.emblem.video::before,
.button.emblem.liveroom::before {
  left: 1.7986605em;
  width: 1.51875em;
  height: 1.51875em;
  background-image: url('/i/icons/webcam.png?1');
}
@media (max-width: 479px) {
  .button.emblem.video::before,
  .button.emblem.liveroom::before {
    right: 0;
    left: 0;
  }
}
.button.emblem.video.off::before,
.button.emblem.liveroom.off::before {
  background-image: url('/i/icons/webcam-off.png?1');
}
.button.emblem.chat {
  padding-left: 4em;
}
.button.emblem.chat svg {
  top: 3px;
  width: 20px;
  height: 18px;
}
.button.emblem.chat::before {
  left: 1.7986605em;
  width: 1.51875em;
  height: 1.51875em;
  background-image: url('/i/icons/chat.png?1');
}
.button.emblem.letter {
  padding-left: 4em;
}
.button.emblem.letter svg {
  top: 2px;
  width: 22px;
  height: 15px;
}
.button.emblem.letter::before {
  left: 1.7986605em;
  width: 1.51875em;
  height: 1.51875em;
  background-image: url('/i/icons/letter-light.png?1');
}
.button.emblem.video,
.button.emblem.chat,
.button.emblem.liveroom,
.button.emblem.present,
.button.emblem.letter {
  padding-right: 10px;
  padding-left: 10px;
}
.button.emblem.video svg,
.button.emblem.chat svg,
.button.emblem.liveroom svg,
.button.emblem.present svg,
.button.emblem.letter svg {
  display: inline-block;
}
.button.emblem.video::before,
.button.emblem.chat::before,
.button.emblem.liveroom::before,
.button.emblem.present::before,
.button.emblem.letter::before {
  display: none;
}
.button.emblem.chat {
  padding-top: 7px;
}
.button.emblem.present {
  padding-top: 3px;
}
.button.emblem.present svg {
  top: 5px;
  width: 22px;
  height: 24px;
}
.button.emblem.google-logo::before,
.button.emblem.google-logo::after {
  display: none;
}
.button.emblem.google-logo > svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.button.attention,
.message.success .button {
  color: #fff !important;
  background: #00b15e;
}
.button.attention:hover,
.message.success .button:hover,
.button.attention.hover,
.message.success .button.hover {
  color: #fff !important;
  background-color: #2d6a04;
}
.button.attention:focus,
.message.success .button:focus {
  color: #fff !important;
  background-color: #2d6a04;
}
.button.attention:active,
.message.success .button:active,
.button.attention.pressed,
.message.success .button.pressed {
  color: #fff !important;
  background: #00b15e;
}
.button.fast-pay {
  color: #fff !important;
  background: #4285f3;
}
.button.fast-pay:hover,
.button.fast-pay.hover {
  color: #fff !important;
  background-color: #3c7be0;
}
.button.fast-pay:focus {
  color: #fff !important;
  background-color: #3c7be0;
}
.button.fast-pay:active,
.button.fast-pay.pressed {
  color: #fff !important;
  background: #3c7be0;
}
.button.fast-pay[disabled] {
  color: #afafaf;
  border-color: #e9e9e9 #ccc #a5a5a5 !important;
}
.button.approve,
.message.success .button {
  color: #fff !important;
  background: #cc0000;
}
.button.approve:hover,
.message.success .button:hover,
.button.approve.hover,
.message.success .button.hover {
  color: #fff !important;
  background-color: #f5704c;
}
.button.approve:focus,
.message.success .button:focus {
  color: #fff !important;
  background-color: #f5704c;
}
.button.approve:active,
.message.success .button:active,
.button.approve.pressed,
.message.success .button.pressed {
  color: #fff !important;
  background: #cc0000;
}
/*
.button.approve:active,
.button.processing.approve,
.processing .button.approve {
    @import "settings";

    color: @active-color;

    border-color: ~'@{active-ie8-before-color} transparent @{active-ie8-after-color}';
    :root & {
        border-color: @active-border-top-color @active-border-left-right-color @active-border-bottom-color;
    }
    
    background-color: @active-ie8bg;
} */
.button.alarm {
  color: #ffe9d2 !important;
  background: #e14318;
}
.button.alarm:hover,
.button.alarm.hover {
  color: #fff !important;
  background-color: #f15b20;
}
.button.alarm:focus {
  color: #fff !important;
  background-color: #f15b20;
}
.button.alarm:active,
.button.alarm.pressed {
  color: #fff !important;
  background: #e14318;
}
.button.edit {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 90px;
  background: transparent;
  opacity: 0.4;
  transition: opacity 0.25s;
  fill-rule: evenodd;
  fill: #4e4e4e;
}
.button.edit:hover {
  opacity: 0.7;
}
.button.edit.white {
  fill: #fff;
  opacity: 1;
}
.button.facebook {
  color: #fff !important;
  background: #3b5998;
}
.button.facebook:hover,
.button.facebook.hover {
  color: #fff !important;
  background-color: #4468a5;
}
.button.facebook:focus {
  color: #fff !important;
  background-color: #4468a5;
}
.button.facebook:active,
.button.facebook.pressed {
  color: #fff !important;
  background: #5675ae;
}
/*

.button.facebook:active,
.button.processing.facebook,
.processing .button.facebook {
    @import "settings";
    color: @active-color;
    border-color: @active-border-top-color @active-border-left-right-color @active-border-bottom-color;
    background-color: @active-ie8bg;
} */
.button.google-logo {
  color: #222 !important;
  background: #fff;
}
.button.google-logo:hover,
.button.google-logo.hover {
  color: #222 !important;
  background-color: #fff;
}
.button.google-logo:focus {
  color: #222 !important;
  background-color: #fff;
}
.button.google-logo:active,
.button.google-logo.pressed {
  color: #222 !important;
  background: #fff;
}
.button.google-logo svg {
  fill: #cf4332;
}
.button.shady {
  color: #fff !important;
  background: rgba(0, 0, 0, 0.5);
  transition: background-color 0.25s;
  text-transform: uppercase;
  border: 0;
}
.button.shady:hover,
.button.shady.hover {
  color: #fff !important;
  background-color: rgba(0, 0, 0, 0.8);
}
.button.shady:focus {
  color: #fff !important;
  background-color: rgba(0, 0, 0, 0.8);
}
.button.shady:active,
.button.shady.pressed {
  color: #fff !important;
  background: #000;
}
.prebutton {
  font: 700 14px/1.2 "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  display: inline-block;
  border: 1px solid #e0e0e0;
  color: #007cd3;
  cursor: pointer;
  vertical-align: middle;
  background: #fff;
  transition: all 0.25s;
}
.prebutton:hover {
  color: #cc0000;
  border-color: #bababa;
}
.prebutton.button {
  text-decoration: none;
}
.prebutton {
  padding: 0.785714em 2.285714em;
}
.social-links-container {
  text-align: center;
  font-size: 0;
}
.social-links-container .wrapper {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  font-size: 12px;
}
.social-links-container .social-fake-button {
  position: relative;
  display: block;
  padding: 0;
  border: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: left;
  cursor: pointer;
}
.social-links-container .social-fake-button:hover {
  text-decoration: none;
}
.social-links-container .social-fake-button::before {
  position: absolute;
  display: block;
  content: '';
}
.social-links-container .social-fake-button.youtube::before,
.social-links-container .social-fake-button.twitter::before,
.social-links-container .social-fake-button.google::before {
  top: 50%;
  left: 50%;
  background-image: url("/i/icons/social.png?5");
}
.social-links-container .social-fake-button.facebook {
  background-color: #3b5998;
  display: block;
}
.social-links-container .social-fake-button.facebook::before {
  width: 100%;
  height: 100%;
  font-size: 2em;
  font-weight: bold;
  line-height: 40px;
  color: #fff;
  text-transform: lowercase;
  text-align: center;
  content: "f";
}
.mirror .social-links-container .social-fake-button.facebook::before {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.social-links-container .social-fake-button.twitter {
  background-color: #55acee;
  display: block;
}
.social-links-container .social-fake-button.twitter::before {
  margin-top: -8px;
  margin-left: -10px;
  width: 20px;
  height: 16px;
  background-position: 0 -20px;
}
.social-links-container .social-fake-button.google {
  background-color: #d73d32;
  display: block;
}
.social-links-container .social-fake-button.google::before {
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  background-position: -1px 0;
}
.social-links-container .social-fake-button.youtube {
  background-color: #d22222;
  display: block;
}
.social-links-container .social-fake-button.youtube::before {
  margin-top: -6px;
  margin-left: -9px;
  width: 19px;
  height: 13px;
  background-position: 0 -75px;
}
.button.tiny {
  font-size: 12px;
  padding: 6px 6px;
}
.button.small {
  font-size: 13px;
}
.button.middle {
  font-size: 18px;
}
@media (max-width: 768px) {
  .button.middle {
    width: auto;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 480px) {
  .button.middle {
    padding-right: 62px;
    padding-left: 62px;
  }
}
@media (max-width: 320px) {
  .button.middle {
    padding: 0 10px;
    font-size: 16px;
  }
}
.button.big,
.message.success .button {
  font-size: 24px;
}
.button {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0.785714em 2.285714em;
  border: 0;
  border-radius: 0.33333em;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  overflow: visible;
  font: 700 14px/1.2 "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.25s;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.button.fixed {
  width: 16px;
  height: 15px;
}
.button .label {
  position: relative;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  top: -0.5em;
}
.button .label.aggressive {
  color: #cc0000;
}
.button[href^="#"],
.button[href^="#"]:hover {
  border-bottom: 0;
}
.button > * {
  opacity: 1;
  transition: opacity 0.25s ease;
}
.button::after {
  content: ' ';
  opacity: 0;
  transition: opacity 0.25s ease;
}
.button.processing > * {
  transition-delay: 1s;
  opacity: 0;
}
.button.processing::after {
  transition-delay: 1s;
  opacity: 1;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url(/i/preloader-white-16.gif?1) center center no-repeat;
  z-index: 2;
}
.button:active,
.button.processing,
.processing .button,
.opened .popup-control,
.button.pressed {
  transition: all 0s;
}
.processing .button,
.button.processing {
  cursor: default !important;
}
.button.paypal {
  background: white;
}
.button.paypal span {
  display: inline-block;
  color: #11559d;
  vertical-align: middle;
  font: 11px Arial;
  margin-top: -2px;
}
.button.paypal .checkout {
  display: block;
  color: #717171;
  padding-bottom: 3px;
}
.button.paypal .pay,
.button.paypal .pal {
  letter-spacing: -2px;
  font: italic bold 20px Verdana;
  line-height: 0.7;
}
.mirror .button.paypal .pay,
.mirror .button.paypal .pal {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.button.paypal .pal {
  color: #2997d8;
}
.button.paypal[disabled] {
  border-color: #e9e9e9 #ccc #a5a5a5 !important;
}
.button.paypal[disabled] span {
  color: #afafaf;
}
.button.video {
  color: #fff !important;
  background: #0D8FBA;
}
.button.video:hover,
.button.video.hover {
  color: #fff !important;
  background-color: #0dacd7;
}
.button.video:focus {
  color: #fff !important;
  background-color: #0dacd7;
}
.button.video:active,
.button.video.pressed {
  color: #fff !important;
  background: #0db8e6;
}
.button[disabled],
.button.disabled,
.message.success .button.disabled,
.message.success .button[disabled] {
  color: #acacac !important;
  background: #eee;
  cursor: default !important;
}
.button[disabled]:hover,
.button.disabled:hover,
.message.success .button.disabled:hover,
.message.success .button[disabled]:hover,
.button[disabled].hover,
.button.disabled.hover,
.message.success .button.disabled.hover,
.message.success .button[disabled].hover {
  color: #acacac !important;
  background-color: #eee;
}
.button[disabled]:focus,
.button.disabled:focus,
.message.success .button.disabled:focus,
.message.success .button[disabled]:focus {
  color: #acacac !important;
  background-color: #eee;
}
.button[disabled]:active,
.button.disabled:active,
.message.success .button.disabled:active,
.message.success .button[disabled]:active,
.button[disabled].pressed,
.button.disabled.pressed,
.message.success .button.disabled.pressed,
.message.success .button[disabled].pressed {
  color: #acacac !important;
  background: #eee;
}
.button.mobile-store-button {
  background-position: 0 -145px;
  outline: none;
  display: block;
  width: 129px;
  height: 40px;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
}
.button.cancel {
  padding: 0;
  background: none;
  border: none;
  color: #0d78c3;
  box-shadow: none;
}
.toolbar {
  position: relative;
  background: none;
  border: 1px solid transparent;
  padding: 0.35em 5px 0.35em 20px;
  color: #717171;
  cursor: pointer;
  font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  box-shadow: none;
  border-radius: 0;
  transition: border 0.25s ease, background 0.25s ease;
}
.chat-wrapper .toolbar,
.send-letter-wrapper .toolbar {
  height: 37px;
  border-radius: 0;
  border: none;
}
.toolbar:hover {
  background-color: #fff;
}
.toolbar.attachments svg {
  display: inline-block;
  width: 22px;
  position: absolute;
  top: calc(50% - 9px);
  left: 11px;
  height: 18px;
  fill-rule: evenodd;
  fill: #999;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .toolbar.attachments svg {
    left: calc(50% - 11px);
  }
}
.toolbar.smiles svg {
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  top: calc(50% - 9px);
  left: 11px;
  fill-rule: evenodd;
  fill: #999;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .toolbar.smiles svg {
    left: calc(50% - 9px);
  }
}
.message-input .toolbar.smiles svg {
  fill: #999;
}
.popup-container.opened .toolbar {
  background-color: #eee;
}
.button.open-purchase {
  color: #fff !important;
  background: #00b15e;
}
.button.open-purchase:hover,
.button.open-purchase.hover {
  color: #fff !important;
  background-color: #2d6a04;
}
.button.open-purchase:focus {
  color: #fff !important;
  background-color: #2d6a04;
}
.button.open-purchase:active,
.button.open-purchase.pressed {
  color: #fff !important;
  background: #00b15e;
}
.button.open-purchase .membership {
  display: block;
}
.button.open-purchase .default {
  display: none;
}
.tag-membership .button.open-purchase {
  color: #fff !important;
  background: #cc0000;
}
.tag-membership .button.open-purchase:hover,
.tag-membership .button.open-purchase.hover {
  color: #fff !important;
  background-color: #f5704c;
}
.tag-membership .button.open-purchase:focus {
  color: #fff !important;
  background-color: #f5704c;
}
.tag-membership .button.open-purchase:active,
.tag-membership .button.open-purchase.pressed {
  color: #fff !important;
  background: #cc0000;
}
.tag-membership .button.open-purchase .membership {
  display: none;
}
.tag-membership .button.open-purchase .default {
  display: block;
}
.button.camera.enable {
  color: #fff !important;
  background: #0D8FBA;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  text-align: center;
}
.button.camera.enable:hover,
.button.camera.enable.hover {
  color: #fff !important;
  background-color: #0dacd7;
}
.button.camera.enable:focus {
  color: #fff !important;
  background-color: #0dacd7;
}
.button.camera.enable:active,
.button.camera.enable.pressed {
  color: #fff !important;
  background: #0db8e6;
}
.button.camera.enable .camera {
  height: 25px;
  width: 25px;
  display: inline-block;
  vertical-align: middle;
}
.button.camera.enable .camera svg {
  fill: #fff;
}
.button.camera.disable {
  color: #fff !important;
  background: #d4202d;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  text-align: center;
}
.button.camera.disable:hover,
.button.camera.disable.hover {
  color: #fff !important;
  background-color: #ea4550;
}
.button.camera.disable:focus {
  color: #fff !important;
  background-color: #ea4550;
}
.button.camera.disable:active,
.button.camera.disable.pressed {
  color: #fff !important;
  background: #d4202d;
}
.button.camera.disable .camera {
  height: 25px;
  width: 25px;
  display: inline-block;
  vertical-align: middle;
}
.button.camera.disable .camera svg {
  fill: #fff;
}
.button.call.monitoring.enable {
  color: #fff !important;
  background: #0D8FBA;
  width: 40px;
  height: 30px;
  padding: 0;
  text-align: center;
}
.button.call.monitoring.enable:hover,
.button.call.monitoring.enable.hover {
  color: #fff !important;
  background-color: #0dacd7;
}
.button.call.monitoring.enable:focus {
  color: #fff !important;
  background-color: #0dacd7;
}
.button.call.monitoring.enable:active,
.button.call.monitoring.enable.pressed {
  color: #fff !important;
  background: #0db8e6;
}
.button.call.monitoring.enable .eye {
  height: 14px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.button.call.monitoring.enable .eye svg {
  fill: #fff;
}
.button.call.monitoring.disable {
  color: #fff !important;
  background: #d4202d;
  width: 40px;
  height: 30px;
  padding: 0;
  text-align: center;
}
.button.call.monitoring.disable:hover,
.button.call.monitoring.disable.hover {
  color: #fff !important;
  background-color: #ea4550;
}
.button.call.monitoring.disable:focus {
  color: #fff !important;
  background-color: #ea4550;
}
.button.call.monitoring.disable:active,
.button.call.monitoring.disable.pressed {
  color: #fff !important;
  background: #d4202d;
}
.button.call.monitoring.disable .eye {
  height: 14px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.button.call.monitoring.disable .eye svg {
  fill: #fff;
}
.icon {
  position: absolute;
}
.icon .status {
  display: none;
  width: 16px;
  height: 16px;
  background-color: #fff;
  position: absolute;
  border-radius: 50%;
  right: -16px;
  top: -16px;
  z-index: 1;
}
.icon .status::after {
  content: ' ';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 4px;
  margin-top: 4px;
}
.icon .status.active {
  display: block;
}
.icon .status.active::after {
  background-color: #00b15e;
}
.icon .status.inactive {
  display: block;
}
.icon .status.inactive::after {
  background-color: #cc0000;
}
.button .icon {
  display: block;
  top: -1px;
  left: 9px;
  bottom: 0;
  width: 21px;
  height: 16px;
  margin: auto auto auto -0.3em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 300%;
  background: url('/i/spritesheet.png?9') 0 -23px no-repeat;
}
.button.apply .icon {
  margin-left: auto;
  background-position: 0 -302px;
}
.icon.thumb-up,
.icon.thumb-down {
  top: 50%;
  left: 50%;
  width: 18px;
  height: 20px;
  margin-left: -9px;
  background: center center no-repeat;
}
.icon.thumb-up {
  margin-top: -12px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP9JREFUeNpi+P//PwMeLAjEC4DYkYA6BkYQgQcIAfFbKFsAiD/iUsjEgB/8BuJ/ULYbPoWEDJJFUiNDiUGRSOxf5BrEAsRFSPxneK3EExMn/6MCXnyxxoLD/KlAbIYmlgPEZ0B2Q/F3IL4ExF9wuUjmP/HgPRDn4HLRPAbiAShtTQZiPpBBzkAsDXWuARC7MpAOfoNS9lUgQ4uBMhAFiv6nDJSDfCaolygFs5kYqAPWUcsgAUoN+gnEcUB8H2QQGwUGXQDixbCMyQoV/AwtuN5BxYlJEvDEC0pHikD6LxC/AeJvSIrUgFgfiEWAWB1aNrFB89YLID4JxCtgigECDABy8OAJvnHwUwAAAABJRU5ErkJggg==');
}
.icon.thumb-down {
  margin-top: -10px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQdJREFUeNpi/P//vxQDA8NvIH4PxH8YEEAWiPWBWBSINYBYEYjZgfgTED8F4hNAvAGuGmjQASD+A8Svgfg2EJ8E4nP/iQOJQAwyA24QueAYzCAmoKN+MpAPDIA4FMRgYqAMcALxKiBWoNQgGPhELYO8QQYxUsGgHCZoeqEUTGEBEiVQw/5BE2AWGQaJgAzaiiaoBcQOJBrExwBLUEhYgYQE+Q2IS0H6GMHJGxPMAeJkNLFGID4HDQKQpu9AfBGI38LyGi58Ac12bjxq8aZsC6itMOCKL5DwGfQDiCci8aXINQgEliGx2Skx6CE0cBmghRnZBrEgqdlNiUGgaF4MxJ7QohgnAAgwAA0sKs5XQ50mAAAAAElFTkSuQmCC');
}
.icon.search,
.icon.inbox,
.icon.chat,
.icon.chat-notification,
.icon.sandwich {
  display: none;
  left: 50%;
  text-indent: 0;
  background: none;
}
@media (max-width: 950px) {
  .icon.search,
  .icon.inbox,
  .icon.chat,
  .icon.chat-notification,
  .icon.sandwich {
    display: block;
  }
}
.icon.search .figure,
.icon.inbox .figure,
.icon.chat .figure,
.icon.chat-notification .figure,
.icon.sandwich .figure {
  fill-rule: evenodd;
  fill: #4e4e4e;
}
.disabled .icon.search .figure,
.disabled .icon.inbox .figure,
.disabled .icon.chat .figure,
.disabled .icon.chat-notification .figure,
.disabled .icon.sandwich .figure,
[disabled] .icon.search .figure,
[disabled] .icon.inbox .figure,
[disabled] .icon.chat .figure,
[disabled] .icon.chat-notification .figure,
[disabled] .icon.sandwich .figure {
  fill: #8e8e8e;
}
.icon.block-emails,
.icon.delete-emails {
  width: 22px;
  height: 22px;
}
.icon.inbox {
  width: 24px;
  height: 16px;
  margin-left: -12px;
}
.icon.search,
.icon.chat-notification {
  width: 20px;
  height: 24px;
  margin-left: -10px;
}
.icon.chat,
.icon.sandwich {
  width: 24px;
  height: 24px;
  margin-left: -12px;
}
.icon.sandwich {
  top: 50%;
  margin-top: -10px;
}
.led {
  position: relative;
}
.led::before {
  content: ' ';
  display: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 50%;
  position: absolute;
  margin-top: -3px;
  left: -16px;
}
.led.active::before {
  display: block;
  background-color: #009f83;
}
.led.inactive::before {
  display: block;
  background-color: #d5232f;
}
.icon.counter {
  padding: 0 5px;
  z-index: 1;
  color: #fff;
  font: bold 11px/16px Arial, sans-serif;
  text-shadow: 1px 1px 0 #769b14;
  background: #9bcc1b;
  border-radius: 15px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.close,
.minimize,
.detach,
.delete {
  position: absolute;
  top: 50%;
  right: 2px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  font-size: 19px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s;
}
.close .cross,
.minimize .cross,
.detach .cross,
.delete .cross,
.close .inner,
.minimize .inner,
.detach .inner,
.delete .inner,
.close .helper,
.minimize .helper,
.detach .helper,
.delete .helper {
  position: absolute;
  top: 50%;
  left: 50%;
}
.close .cross,
.minimize .cross,
.detach .cross,
.delete .cross {
  z-index: 1;
  margin-top: -4.5px;
  margin-left: -4.5px;
  width: 9px;
  height: 9px;
  background: url('/i/icons/close.png?1') top center no-repeat;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 200%;
}
.close .minimize-icon,
.minimize .minimize-icon,
.detach .minimize-icon,
.delete .minimize-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5.5px;
  margin-left: -5.5px;
  width: 11px;
  height: 11px;
}
.close .minimize-icon svg,
.minimize .minimize-icon svg,
.detach .minimize-icon svg,
.delete .minimize-icon svg {
  transform: rotate(180deg);
}
.close .inner,
.minimize .inner,
.detach .inner,
.delete .inner,
.close .helper,
.minimize .helper,
.detach .helper,
.delete .helper {
  display: block;
  opacity: 0;
  z-index: 0;
  margin-top: -7.5px;
  margin-left: -7.5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #d5232f;
}
.close:hover .cross,
.minimize:hover .cross,
.detach:hover .cross,
.delete:hover .cross {
  background-position: bottom center;
}
.close:hover .inner,
.minimize:hover .inner,
.detach:hover .inner,
.delete:hover .inner,
.close:hover .helper,
.minimize:hover .helper,
.detach:hover .helper,
.delete:hover .helper {
  opacity: 1;
}
.close.conspicuous,
.minimize.conspicuous,
.detach.conspicuous,
.delete.conspicuous,
.app-overlay.photos .close,
.app-overlay.photos .minimize,
.app-overlay.photos .detach,
.app-overlay.photos .delete,
.app-overlay.attachment-viewer .close,
.app-overlay.attachment-viewer .minimize,
.app-overlay.attachment-viewer .detach,
.app-overlay.attachment-viewer .delete,
.app-overlay.gallery-letter .close,
.app-overlay.gallery-letter .minimize,
.app-overlay.gallery-letter .detach,
.app-overlay.gallery-letter .delete {
  width: 25px;
  height: 25px;
  z-index: 2;
  background-color: #fff;
  border: 1px #e8e8e8 solid;
  border-radius: 50%;
}
.close.conspicuous .helper,
.minimize.conspicuous .helper,
.detach.conspicuous .helper,
.delete.conspicuous .helper,
.app-overlay.photos .close .helper,
.app-overlay.photos .minimize .helper,
.app-overlay.photos .detach .helper,
.app-overlay.photos .delete .helper,
.app-overlay.attachment-viewer .close .helper,
.app-overlay.attachment-viewer .minimize .helper,
.app-overlay.attachment-viewer .detach .helper,
.app-overlay.attachment-viewer .delete .helper,
.app-overlay.gallery-letter .close .helper,
.app-overlay.gallery-letter .minimize .helper,
.app-overlay.gallery-letter .detach .helper,
.app-overlay.gallery-letter .delete .helper,
.close.conspicuous .inner,
.minimize.conspicuous .inner,
.detach.conspicuous .inner,
.delete.conspicuous .inner,
.app-overlay.photos .close .inner,
.app-overlay.photos .minimize .inner,
.app-overlay.photos .detach .inner,
.app-overlay.photos .delete .inner,
.app-overlay.attachment-viewer .close .inner,
.app-overlay.attachment-viewer .minimize .inner,
.app-overlay.attachment-viewer .detach .inner,
.app-overlay.attachment-viewer .delete .inner,
.app-overlay.gallery-letter .close .inner,
.app-overlay.gallery-letter .minimize .inner,
.app-overlay.gallery-letter .detach .inner,
.app-overlay.gallery-letter .delete .inner {
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.close.conspicuous:hover,
.minimize.conspicuous:hover,
.detach.conspicuous:hover,
.delete.conspicuous:hover,
.app-overlay.photos .close:hover,
.app-overlay.photos .minimize:hover,
.app-overlay.photos .detach:hover,
.app-overlay.photos .delete:hover,
.app-overlay.attachment-viewer .close:hover,
.app-overlay.attachment-viewer .minimize:hover,
.app-overlay.attachment-viewer .detach:hover,
.app-overlay.attachment-viewer .delete:hover,
.app-overlay.gallery-letter .close:hover,
.app-overlay.gallery-letter .minimize:hover,
.app-overlay.gallery-letter .detach:hover,
.app-overlay.gallery-letter .delete:hover {
  background-color: #d5232f;
}
.icon.mood {
  width: 24px;
  height: 24px;
  background-size: contain;
}
.icon.mood .svg {
  display: block;
  width: 24px;
  height: 24px;
  margin: auto;
  fill-rule: evenodd;
}
.icon.mood.bored .svg {
  fill: #03d2fc;
}
.icon.mood.friendly .svg {
  fill: #f1b12a;
}
.icon.mood.romantic .svg {
  fill: #fb5a63;
}
.icon.mood.flirty .svg {
  fill: #eb264a;
}
.icon.mood.naughty .svg {
  fill: #eb3d02;
}
.icon.mood.unknown .svg {
  fill: #ccc;
}
.icon.mood.bored,
.icon.mood.devil,
.icon.mood.naughty,
.icon.mood.flirty,
.icon.mood.friendly,
.icon.mood.romantic,
.icon.mood.unknown {
  background: none;
}
.icon.mood.selected.light {
  background-image: url('/i/icons/mood/selected-light.png?1');
}
.icon.vip {
  display: none;
  width: 28px;
  height: 28px;
  background: #ffc249 url('/i/vip-status.png?1') 50% 64% no-repeat;
  position: absolute;
  border-radius: 50%;
  top: -1px;
  right: -1px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.icon.vip.small {
  top: -3px;
  right: -4px;
  width: 10px;
  height: 10px;
  border: 2px solid white;
  box-shadow: none;
  background-image: initial;
}
.role-promoter .vip-person .icon.vip {
  display: block;
}
.icon.whatsapp-white {
  width: 14px;
  height: 14px;
  left: 15px;
  background: none;
}
.icon.whatsapp-white svg {
  display: block;
  width: 100%;
  height: 100%;
}
.icon.whatsapp-white svg.cls-1 {
  fill: white;
}
.icon.camera {
  width: 32px;
  height: 32px;
  display: inline-block;
  position: inherit;
}
.icon.camera svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #222;
}
i.coin-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
}
.invite-wrapper {
  z-index: 7;
}
@media (max-width: 480px) {
  .invite-wrapper {
    height: 100%;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
  }
}
.invite-wrapper .content {
  pointer-events: all;
  cursor: pointer;
  position: fixed;
  z-index: 1;
}
@media (max-width: 950px) {
  .invite-wrapper .content {
    top: -150px;
  }
}
@media (max-width: 950px) {
  .invite-wrapper .content {
    right: 25px;
  }
}
@media (max-width: 600px) {
  .invite-wrapper .content {
    right: 10px;
  }
}
@media (max-width: 950px) {
  .invite-wrapper .content.opened {
    top: 110px;
  }
}
@media (max-width: 600px) {
  .invite-wrapper .content.opened {
    top: 87px;
    right: 15px;
  }
  .no-header .invite-wrapper .content.opened {
    top: 15px;
  }
}
@media (max-width: 480px) {
  .invite-wrapper .content.opened {
    -webkit-overflow-scrolling: touch;
    left: 15px;
    height: auto;
    top: unset;
    bottom: 33px;
  }
  .no-header .invite-wrapper .content.opened {
    top: unset;
  }
}
.invite-wrapper .blocking {
  transition: all 100ms ease-in-out;
  z-index: 9;
}
@media (min-width: 950px) {
  .invite-wrapper .blocking {
    top: 50%;
    left: 50%;
    z-index: 9;
    margin: -85px 0 0 -185px;
    transform: scale(0);
  }
}
.invite-wrapper .blocking .close {
  top: 13px;
  z-index: 2;
}
.invite-wrapper .blocking.opened .close {
  display: block;
  opacity: 1;
}
@media (min-width: 950px) {
  .invite-wrapper .blocking.opened {
    transform: scale(1);
  }
}
@media (max-width: 950px) {
  .overlay-opened .invite-wrapper .blocking {
    display: none;
  }
}
:not(.chat-opened) .invite-wrapper .nonblocking {
  display: none;
  right: 284px;
}
:not(.chat-opened) .invite-wrapper .nonblocking .info .button {
  transition: none;
}
:not(.chat-opened) .invite-wrapper .nonblocking.closed {
  display: block;
}
@media (min-width: 951px) {
  :not(.chat-opened) .invite-wrapper .nonblocking.closed {
    animation: tinClosed 0.8s ease-in-out;
  }
}
:not(.chat-opened) .invite-wrapper .nonblocking.opened {
  display: block;
}
@media (min-width: 951px) {
  :not(.chat-opened) .invite-wrapper .nonblocking.opened {
    animation: tinOpened 0.8s ease-in-out;
    bottom: 10px;
  }
}
@media (min-width: 951px) {
  :not(.chat-opened) .invite-wrapper .nonblocking {
    bottom: -191px;
  }
}
@media (max-width: 1279px) {
  :not(.chat-opened) .invite-wrapper .nonblocking {
    right: 299px;
  }
}
@media (max-width: 950px) {
  :not(.chat-opened) .invite-wrapper .nonblocking {
    transition: top 100ms ease-in-out;
    right: 25px;
  }
}
@media (max-width: 600px) {
  :not(.chat-opened) .invite-wrapper .nonblocking {
    right: 10px;
  }
}
.chat-opened .invite-wrapper .nonblocking.stream-opened {
  display: block;
  right: 10px;
}
.chat-opened .invite-wrapper .nonblocking.stream-opened .info {
  width: 100%;
}
.chat-opened .invite-wrapper .nonblocking.stream-opened .info .message {
  max-width: 130px;
}
.chat-opened .invite-wrapper .nonblocking.stream-opened .info .button {
  margin-left: -75px;
  transition: none;
}
.chat-opened .invite-wrapper .nonblocking.stream-opened .photo-wrapper {
  float: left;
}
@media (min-width: 951px) {
  .chat-opened .invite-wrapper .nonblocking.stream-opened {
    bottom: -191px;
  }
  .chat-opened .invite-wrapper .nonblocking.stream-opened .invite {
    height: 155px;
    width: 265px;
  }
  .chat-opened .invite-wrapper .nonblocking.stream-opened .photo-wrapper .photo {
    width: 60px;
    height: 60px;
  }
  .chat-opened .invite-wrapper .nonblocking.stream-opened .member-wrapper .member {
    font-size: 18px;
    max-width: 130px;
  }
  .chat-opened .invite-wrapper .nonblocking.stream-opened .info .message {
    font-size: 14px;
  }
}
.chat-opened .invite-wrapper .nonblocking.stream-opened.closed .wrapper {
  display: none;
}
@media (min-width: 481px) {
  .chat-opened .invite-wrapper .nonblocking.stream-opened.closed .wrapper {
    display: block;
  }
}
@media (min-width: 951px) {
  .chat-opened .invite-wrapper .nonblocking.stream-opened.closed {
    animation: tinClosed 0.8s ease-in-out;
  }
}
.chat-opened .invite-wrapper .nonblocking.stream-opened.opened .wrapper {
  display: none;
}
@media (min-width: 481px) {
  .chat-opened .invite-wrapper .nonblocking.stream-opened.opened .wrapper {
    display: block;
  }
}
@media (min-width: 951px) {
  .chat-opened .invite-wrapper .nonblocking.stream-opened.opened {
    animation: tinOpened 0.8s ease-in-out;
    bottom: 10px;
  }
}
@media (max-width: 1279px) {
  .chat-opened .invite-wrapper .nonblocking.stream-opened {
    right: 25px;
  }
}
@media (max-width: 950px) {
  .chat-opened .invite-wrapper .nonblocking.stream-opened {
    transition: top 100ms ease-in-out;
    right: 25px;
  }
  .overlay-opened .chat-opened .invite-wrapper .nonblocking.stream-opened {
    display: none;
  }
}
@media (max-width: 600px) {
  .chat-opened .invite-wrapper .nonblocking.stream-opened {
    right: 10px;
  }
}
.invite-wrapper .faded {
  animation: fade-in 0.3s;
}
@keyframes fade-in {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tinOpened {
  0% {
    opacity: 0;
    bottom: -191px;
  }
  50%,
  70% {
    opacity: 1;
    transform: scale(1.1, 1.1);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    transform: scale(1, 1);
    bottom: 10px;
  }
}
@keyframes tinClosed {
  0% {
    opacity: 1;
    bottom: 10px;
  }
  0%,
  20%,
  40% {
    opacity: 1;
    bottom: 10px;
    transform: scale(1.1, 1.1);
  }
  10%,
  30% {
    opacity: 1;
    bottom: 10px;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    bottom: -191px;
  }
}
.account-options .invite-wrapper {
  width: 100%;
  height: 100%;
}
.invite-wrapper .wrapper {
  display: inline-block;
  background: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
}
.ie .invite-wrapper .wrapper {
  width: 100%;
}
@media (max-width: 480px) {
  .invite-wrapper .wrapper {
    width: 100%;
  }
}
.invite-wrapper .connection-status {
  margin-left: 10px;
  display: inline-block;
  position: relative;
  line-height: 27px;
  vertical-align: middle;
}
.invite-wrapper .connection-status .led {
  width: 11px;
  height: 11px;
  position: static;
  background: #00b15e;
}
.invite-wrapper .photo-wrapper {
  display: inline-block;
  position: relative;
  margin-right: 15px;
}
.invite-wrapper .photo-wrapper .icon.vip {
  top: 4px;
  right: 4px;
}
@media (max-width: 950px) {
  .invite-wrapper .photo-wrapper .icon.vip {
    top: -4px;
    right: -4px;
  }
}
@media (max-width: 600px) {
  .invite-wrapper .photo-wrapper .icon.vip {
    top: -1px;
    right: 0;
    width: 10px;
    height: 10px;
    border: 2px solid white;
    box-shadow: none;
    background-image: initial;
  }
}
.invite-wrapper .photo-wrapper .in-contacts {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background: #ffc249;
  border-radius: 50%;
  border: 2px solid #fff;
}
.invite-wrapper .photo-wrapper .in-contacts svg {
  fill: #fff;
  width: 16px;
  height: 16px;
  margin: 5px 0 0 5px;
}
@media (max-width: 950px) {
  .invite-wrapper .photo-wrapper .in-contacts {
    width: 16px;
    height: 16px;
  }
  .invite-wrapper .photo-wrapper .in-contacts svg {
    width: 8px;
    height: 8px;
    display: block;
    margin: 4px 0 0 4px;
  }
  .invite-wrapper .photo-wrapper .in-contacts svg use {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 600px) {
  .invite-wrapper .photo-wrapper .in-contacts {
    top: -2px;
    left: -6px;
  }
}
.invite-wrapper .realm {
  position: absolute;
  top: -3px;
  left: -3px;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
}
.invite-wrapper .realm.slavic::before {
  background-color: #003a9b;
}
.invite-wrapper .realm.asian::before,
.invite-wrapper .realm.china::before {
  background-color: #670000;
}
.invite-wrapper .realm.latin::before {
  background-color: #b91316;
}
.invite-wrapper .realm.arabia::before {
  background-color: #0177b5;
}
.invite-wrapper .realm.africa::before {
  background-color: #d4701f;
}
.invite-wrapper .realm.euro::before {
  background-color: #214d80;
}
.invite-wrapper .realm.euro::after {
  background-image: url('/i/icons/af-eu-logo.png');
  background-repeat: no-repeat;
  height: 20px;
  margin-top: 7px;
  margin-left: 11px;
}
.invite-wrapper .realm::before {
  content: '';
  position: absolute;
  width: 26px;
  height: 26px;
  margin-top: 3px;
  margin-left: 3px;
  border-radius: 50%;
}
.invite-wrapper .realm::after {
  content: '';
  position: absolute;
  width: 22px;
  height: 14px;
  margin-top: 9px;
  margin-left: 5px;
  background-image: url('/i/icons/af-logo.png');
}
.invite-wrapper .member-wrapper {
  position: relative;
  max-width: 150px;
  white-space: nowrap;
}
.invite-wrapper .member-wrapper .member {
  display: inline-block;
  color: #222;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .invite-wrapper .member-wrapper .member {
    font-size: 16px;
  }
}
.invite-wrapper .info {
  display: inline-block;
  vertical-align: top;
  width: 190px;
}
.invite-wrapper .info .message {
  display: block;
  margin-bottom: 5px;
  min-height: 54px;
  max-height: 62px;
  max-width: 195px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 20px;
  color: #222;
  overflow: hidden;
  padding-left: 2px;
  position: relative;
  z-index: 1;
}
@media (max-width: 950px) {
  .invite-wrapper .info .message {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .invite-wrapper .info .message {
    font-size: 12px;
  }
  .invite-wrapper .info .message .animation-smile {
    margin-top: -6px;
  }
}
.invite-wrapper .info .follow-up-message {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 600px) {
  .invite-wrapper .info .follow-up-message {
    font-size: 12px;
  }
}
.invite-wrapper .info .button {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-transform: uppercase;
  box-sizing: border-box;
  overflow: hidden;
}
.invite-wrapper .info .button > .progress {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.invite-wrapper .info .button svg {
  z-index: 1;
}
.invite-wrapper .info .button l10n {
  position: relative;
  z-index: 1;
}
.invite-wrapper .info .connection-status.online {
  top: 8px;
  right: 0;
}
.invite-wrapper .info .connection-status.online::before {
  background: #65a830;
}
.invite-wrapper .info .answer {
  display: block !important;
  width: 85%;
  margin: 9px auto 0;
  font-size: 13px;
  padding-left: 0;
  padding-right: 0;
}
.invite-wrapper .dummy.photo {
  top: -53px;
  width: 148px;
}
.invite-wrapper .button .progress {
  background-color: rgba(0, 0, 0, 0.3);
}
.invite-wrapper:not(.gallery-invite):hover .button {
  color: #fff !important;
  background-color: #f5704c;
}
.invite-wrapper:not(.gallery-invite):hover .button.video {
  background-color: #0DACD7;
}
.invite-wrapper:not(.gallery-invite):hover .button.chat {
  background-color: #2d6a04;
}
@media (max-width: 950px) {
  .invite-wrapper.popup-container .chat-answer,
  .invite-wrapper.popup-container .read-letter,
  .invite-wrapper.popup-container .liveroom,
  .invite-wrapper.popup-container .view-photo {
    display: none !important;
  }
}
.invite-wrapper .read-letter,
.invite-wrapper .view-photo,
.invite-wrapper .view-video,
.invite-wrapper .view-sticker,
.invite-wrapper .view-cheer,
.invite-wrapper .start-video-chat {
  display: none;
}
.invite-wrapper .letter-cover-image,
.invite-wrapper .image-attachment {
  display: none;
  left: 0;
  top: 0;
}
.invite-wrapper .sent-photo,
.invite-wrapper .video-chat,
.invite-wrapper .sent-sticker,
.invite-wrapper .sent-cheer {
  display: none;
}
.invite-wrapper .sent-photo,
.invite-wrapper .video-chat {
  color: #fff;
}
.invite-wrapper span.video-chat {
  color: #000;
  display: none;
  white-space: normal;
}
.invite-wrapper .invite {
  width: 370px;
  height: 166px;
  box-sizing: border-box;
  white-space: nowrap;
  padding: 15px;
}
.invite-opened .invite-wrapper .invite {
  padding: 15px 0;
}
.ie .invite-wrapper .invite {
  max-width: 100%;
}
@media (max-width: 950px) {
  .invite-wrapper .invite {
    width: 340px;
    height: 104px;
  }
}
@media (max-width: 600px) {
  .invite-wrapper .invite {
    width: 304px;
    height: 86px;
  }
}
.invite-wrapper .invite > * {
  white-space: normal;
}
.webrtc.calls-enabled .invite-wrapper .invite.has-cam .connection-status .led {
  width: 14px;
  height: 9px;
  background: url('/i/icons/video-status.png?1492681579807') center center no-repeat;
  border-radius: 0;
}
.webrtc.calls-enabled .invite-wrapper .invite.has-cam.no-webapp.has-mobileapp .connection-status .led {
  width: 9px;
  height: 14px;
  background: url('/i/icons/mobileapp-status.png') center center no-repeat;
  border-radius: 0;
}
.webrtc.calls-enabled .invite-wrapper .invite.has-cam:not(.video) .chat-answer,
.webrtc.calls-enabled .invite-wrapper .invite.incoming-video:not(.video) .chat-answer {
  display: none;
}
.webrtc.calls-enabled .invite-wrapper .invite.has-cam:not(.video) .start-video-chat,
.webrtc.calls-enabled .invite-wrapper .invite.incoming-video:not(.video) .start-video-chat,
.webrtc.calls-enabled .invite-wrapper .invite.has-cam:not(.video).outgoing-video.no-text .message .video-chat,
.webrtc.calls-enabled .invite-wrapper .invite.incoming-video:not(.video).outgoing-video.no-text .message .video-chat,
.webrtc.calls-enabled .invite-wrapper .invite.has-cam:not(.video).incoming-video.no-text .message .video-chat,
.webrtc.calls-enabled .invite-wrapper .invite.incoming-video:not(.video).incoming-video.no-text .message .video-chat {
  display: inline-block;
}
.webrtc.calls-enabled .invite-wrapper .invite.has-cam:not(.video) .message .video-chat,
.webrtc.calls-enabled .invite-wrapper .invite.incoming-video:not(.video) .message .video-chat {
  font-size: 14px;
  line-height: 1.2;
}
@media (max-width: 950px) {
  .webrtc.calls-enabled .invite-wrapper .invite.has-cam:not(.video) .message .video-chat,
  .webrtc.calls-enabled .invite-wrapper .invite.incoming-video:not(.video) .message .video-chat {
    font-size: 13px;
  }
}
@media (max-width: 950px) {
  .webrtc.calls-enabled .invite-wrapper .invite.has-cam:not(.video) .start-video-chat,
  .webrtc.calls-enabled .invite-wrapper .invite.incoming-video:not(.video) .start-video-chat {
    display: none;
  }
}
@media (max-width: 950px) {
  .webrtc.calls-enabled .gallery-info .invite-wrapper .invite.has-cam.outgoing-video:not(.video) .start-video-chat,
  .webrtc.calls-enabled .gallery-info .invite-wrapper .invite.incoming-video:not(.video) .start-video-chat {
    display: initial;
  }
}
.invite-wrapper .invite.payment-required .message {
  color: transparent;
  text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.7);
  user-select: none;
}
.invite-wrapper .invite.letter-invite .chat-answer {
  display: none;
}
.invite-wrapper .invite.letter-invite .read-letter {
  display: block;
}
.invite-wrapper .invite.letter-invite .letter-cover-image {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.invite-wrapper .invite.letter-invite .info .message,
.invite-wrapper .invite.letter-invite .member-wrapper .member {
  color: #fff;
  text-shadow: 0 2px 4px #000, 0 0 1px #000;
}
.invite-wrapper .invite.letter-invite .video-chat,
.invite-wrapper .invite.letter-invite .start-video-chat {
  display: none !important;
}
.invite-wrapper .invite.attachment:not(.sticker) .chat-answer {
  display: none;
}
.invite-wrapper .invite.attachment.image .sent-photo,
.invite-wrapper .invite.attachment.sticker .sent-sticker,
.invite-wrapper .invite.attachment.cheer .sent-cheer {
  display: inline;
}
.invite-wrapper .invite.attachment .inner {
  overflow: hidden;
  border-radius: 10px;
}
.invite-wrapper .invite.attachment .image-attachment {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.25s;
}
.invite-wrapper .invite.attachment .image-attachment .inner {
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  filter: blur(3px);
}
.invite-wrapper .invite.attachment .image-attachment.loading {
  opacity: 0;
}
.communication-panel .invite-wrapper .invite.attachment.image .info .message,
.communication-panel .invite-wrapper .invite.attachment.video .info .message,
.communication-panel .invite-wrapper .invite.attachment.image .member-wrapper .member,
.communication-panel .invite-wrapper .invite.attachment.video .member-wrapper .member {
  text-shadow: none;
}
.invite-wrapper .invite.attachment.image .inner,
.invite-wrapper .invite.attachment.video .inner {
  filter: brightness(70%);
}
.invite-wrapper .invite.attachment.image .video-chat,
.invite-wrapper .invite.attachment.video .video-chat,
.invite-wrapper .invite.attachment.image .start-video-chat,
.invite-wrapper .invite.attachment.video .start-video-chat {
  display: none !important;
}
.invite-wrapper .invite.attachment.image .message,
.invite-wrapper .invite.attachment.video .message {
  min-height: 30px;
}
@media (max-width: 950px) {
  .invite-wrapper .invite.attachment.image .message,
  .invite-wrapper .invite.attachment.video .message {
    line-height: 1.3;
  }
}
@media (max-width: 600px) {
  .invite-wrapper .invite.attachment.image .message,
  .invite-wrapper .invite.attachment.video .message {
    line-height: 1;
  }
}
.invite-wrapper .invite.attachment.image .message > span,
.invite-wrapper .invite.attachment.video .message > span {
  color: #fff;
}
.invite-wrapper .invite.attachment.image .view-photo {
  display: block;
}
@media (max-width: 950px) {
  .invite-wrapper .invite.attachment.image .view-photo {
    display: none;
  }
  .gallery-info .invite-wrapper .invite.attachment.image .view-photo {
    display: block;
  }
}
.invite-wrapper .invite.attachment.image .view-video,
.invite-wrapper .invite.attachment.image .view-sticker,
.invite-wrapper .invite.attachment.image .view-cheer {
  display: none;
}
.invite-wrapper .invite.attachment.video {
  overflow: hidden;
}
.photo-gallery .invite-wrapper .invite.attachment.video {
  overflow: visible;
}
.invite-wrapper .invite.attachment.video .view-video {
  display: block;
  text-transform: uppercase;
}
@media (max-width: 950px) {
  .invite-wrapper .invite.attachment.video .view-video {
    display: none;
  }
  .gallery-info .invite-wrapper .invite.attachment.video .view-video {
    display: block;
  }
}
.invite-wrapper .invite.attachment.video .view-photo,
.invite-wrapper .invite.attachment.video .view-sticker,
.invite-wrapper .invite.attachment.video .view-cheer {
  display: none;
}
.invite-wrapper .invite.attachment.cheer .view-photo,
.invite-wrapper .invite.attachment.sticker .view-photo,
.invite-wrapper .invite.attachment.cheer .view-video,
.invite-wrapper .invite.attachment.sticker .view-video {
  display: none;
}
@media (min-width: 950px) {
  .invite-wrapper .invite.attachment.cheer.no-cam .view-cheer {
    display: block;
  }
}
.communication-panel .invite-wrapper .invite.attachment .info .message,
.communication-panel .invite-wrapper .invite.attachment .member-wrapper .member {
  color: #fff;
  text-shadow: 0 2px 4px #000, 0 0 1px #000;
}
.invite-wrapper .invite.attachment.image .member,
.invite-wrapper .invite.attachment.video .member {
  color: #fff;
}
.invite-wrapper .invite.no-webapp.has-mobileapp .connection-status .led {
  width: 9px;
  height: 14px;
  background: url('/i/icons/mobileapp-status.png') center center no-repeat;
  border-radius: 0;
}
.invite-wrapper .invite .photo {
  border-radius: 50%;
  display: inline-block;
  width: 130px;
  height: 130px;
}
@media (max-width: 950px) {
  .invite-wrapper .invite .photo {
    width: 72px;
    height: 72px;
  }
}
@media (max-width: 600px) {
  .invite-wrapper .invite .photo {
    width: 56px;
    height: 56px;
  }
}
.mirror + .invite-wrapper .nonblocking {
  right: auto;
  left: 284px;
}
@media (max-width: 1279px) {
  .mirror + .invite-wrapper .nonblocking {
    right: auto;
    left: 299px;
  }
}
@media (max-width: 950px) {
  .mirror + .invite-wrapper .nonblocking {
    right: auto;
    left: 25px;
  }
}
@media (max-width: 600px) {
  .mirror + .invite-wrapper .nonblocking {
    right: auto;
    left: 10px;
  }
}
.message-data {
  font-size: 14px;
}
.message-data > .title {
  color: #222;
  display: inline-block;
  font-size: 1.19em;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 3px 0 0;
  max-width: 100%;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
  white-space: nowrap;
}
.message-data > .text {
  color: #717171;
  display: inline;
  font-size: 0.99em;
  line-height: 1.2;
  margin: 0;
  position: relative;
  top: -1px;
  vertical-align: text-bottom;
}
.users-notice {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.users-notice > .message-data {
  -webkit-flex: 1 1 80%;
  -moz-flex: 1 1 80%;
  -ms-flex: 1 1 80%;
  -o-flex: 1 1 80%;
  flex: 1 1 80%;
  font-size: 12px;
  line-height: 1.3;
  max-width: 132px;
  padding: 0 3px 0 15px;
}
.users-notice > .status {
  -webkit-flex: 0 0 15%;
  -moz-flex: 0 0 15%;
  -ms-flex: 0 0 15%;
  -o-flex: 0 0 15%;
  flex: 0 0 15%;
  position: relative;
}
.users-notice > .status.online::after {
  background-color: #009f83;
  position: absolute;
  right: -4px;
  width: 10px;
  height: 10px;
  content: "";
  border-radius: 50%;
  bottom: -3px;
  border: 2px solid white;
}
.users-notice > .status > .photo {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.users-notice > .button {
  -webkit-flex: 1 0 5%;
  -moz-flex: 1 0 5%;
  -ms-flex: 1 0 5%;
  -o-flex: 1 0 5%;
  flex: 1 0 5%;
  max-height: 30px;
  line-height: 11px;
  font-size: 11px;
  text-transform: uppercase;
  padding: 9px 12px;
  min-width: 50px;
}
.users-notice.winks {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 266px;
  padding: 9px 13px;
  align-items: center;
  margin: 2px 0 0;
  justify-content: space-between;
}
.blocking-invite {
  cursor: pointer;
  position: fixed;
  z-index: 9;
  transition: all 100ms ease-in-out;
}
@media (min-width: 950px) {
  .blocking-invite {
    top: 50%;
    left: 50%;
    z-index: 9;
    margin: -85px 0 0 -185px;
    transform: scale(0);
  }
}
@media (max-width: 950px) {
  .blocking-invite {
    top: -150px;
    right: 25px;
  }
}
@media (max-width: 600px) {
  .blocking-invite {
    right: 15px;
  }
}
.blocking-invite .wrapper {
  width: auto;
  display: inline-block;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
}
@media (max-width: 480px) {
  .blocking-invite .wrapper {
    width: 100%;
  }
}
.blocking-invite .close {
  top: 13px;
  z-index: 2;
}
.blocking-invite.active .close {
  display: block;
  opacity: 1;
}
@media (min-width: 950px) {
  .blocking-invite.active {
    transform: scale(1);
  }
}
@media (max-width: 950px) {
  .blocking-invite.active {
    top: 110px;
  }
}
@media (max-width: 600px) {
  .blocking-invite.active {
    top: 87px;
    right: 15px;
  }
  .no-header .blocking-invite.active {
    top: 15px;
  }
}
@media (max-width: 480px) {
  .blocking-invite.active {
    left: 15px;
  }
}
.popup.invites-wrapper .close {
  transition: opacity 0.25s linear 0.5s;
}
.popup.invites-wrapper:hover .close {
  opacity: 1;
  transition: opacity 0.25s;
}
.popup.invites-wrapper::after {
  display: none;
}
.purchase-spinner {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.purchase.preloading .purchase-spinner {
  display: block;
}
.purchase-form {
  position: relative;
  width: 100vw;
  max-width: 850px;
  background: #fff;
}
@media (max-width: 890px) {
  .purchase-form {
    width: auto;
  }
}
@media (max-width: 600px) {
  .purchase-form h1 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .purchase-form h1 {
    font-size: 18px;
  }
}
.failed .purchase-form,
.load .purchase-form {
  visibility: hidden;
}
.purchase-form input::-webkit-input-placeholder {
  color: #bfbfbf;
  font-weight: normal;
}
.purchase-form input:-moz-placeholder {
  color: #bfbfbf;
  font-weight: normal;
}
.purchase-form input::-moz-placeholder {
  color: #bfbfbf;
  font-weight: normal;
}
.purchase-form input:-ms-input-placeholder {
  color: #bfbfbf;
  font-weight: normal;
}
.purchase-form .help {
  background: #e9e9e9;
  padding: 5px 13px 0;
  min-height: 25px;
  text-align: center;
  font-size: 11px;
  color: #717171;
}
@media (max-width: 530px) {
  .purchase-form .help {
    padding: 5px 13px;
  }
}
.purchase-form .help a[href^="#"],
.purchase-form .help span.pseudo-link {
  color: #717171;
  border-bottom: 1px solid #999;
}
.purchase-form .help strong {
  white-space: nowrap;
}
.purchase-form .help .service-link {
  display: inline-block;
}
.purchase-form .help .mobile-link,
.purchase-form .help .live-support-link {
  display: none;
}
.purchase-form .help .agent-online .service-link {
  display: none;
}
.ios-env .purchase-form .help .agent-online .service-link,
.android-env .purchase-form .help .agent-online .service-link {
  display: inline-block;
}
.purchase-form .help .agent-online .live-support-link {
  display: inline-block;
}
.ios-env .purchase-form .help .agent-online .live-support-link,
.android-env .purchase-form .help .agent-online .live-support-link {
  display: none;
}
.purchase-form h2 {
  position: relative;
  display: block;
  padding: 30px 0 7px 36px;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #222;
}
.purchase-form .form .info .title {
  line-height: 1.2;
  padding-top: 20px;
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
}
.purchase-form .form .note {
  margin-bottom: 20px;
  text-align: center;
}
.purchase-form .highlight {
  color: #00b15e;
}
.purchase-form .offering-includes {
  text-align: center;
  font-size: 15px;
  margin: 10px 0;
}
.purchase-form .offering-includes .highlight {
  color: #00b15e;
}
.devaluation-enabled .purchase-form #header-wrapper {
  padding-bottom: 20px;
}
.purchase-form .note-wrapper {
  padding-bottom: 20px;
}
.purchase-form .note-optional {
  text-align: center;
}
.purchase-form .header-note {
  font-size: 13px;
}
.purchase-form .info .personalized .read-letter-title,
.purchase-form .info .personalized .send-letter-title,
.purchase-form .info .personalized .view-attachment-title,
.purchase-form .info .personalized .send-attachment-title,
.purchase-form .info .personalized .send-gift-title,
.purchase-form .info .personalized .view-video-title,
.purchase-form .info .personalized .sticker-title,
.purchase-form .info .personalized .cheer-title,
.purchase-form .info .personalized .mingle-title,
.purchase-form .info .personalized .chat-title,
.purchase-form .info .personalized .chat-video-title,
.purchase-form .info .personalized .send-cheers,
.purchase-form .info .personalized .send-private-message {
  display: none;
}
.purchase-form .info .personalized .common {
  display: none;
}
.purchase-form .info .personalized .purchase {
  display: inline;
}
.purchase-form .info .personalized .prepend {
  display: inline;
}
.purchase-form .info .personalized.title.read-letter .read-letter-title,
.purchase-form .info .personalized.title.send-letter .send-letter-title,
.purchase-form .info .personalized.title.view-attachment .view-attachment-title,
.purchase-form .info .personalized.title.send-attachment .send-attachment-title,
.purchase-form .info .personalized.title.view-video .view-video-title,
.purchase-form .info .personalized.title.sticker .sticker-title,
.purchase-form .info .personalized.title.cheer .cheer-title,
.purchase-form .info .personalized.title.mingle .mingle-title,
.purchase-form .info .personalized.title.chat .chat-title,
.purchase-form .info .personalized.title.videochat .chat-video-title,
.purchase-form .info .personalized.title.send-private-message .send-private-message,
.purchase-form .info .personalized.title.send-cheers .send-cheers {
  display: inline;
  font-weight: bold;
}
.purchase-form .info .personalized.title.send-gift > span.targeted-title {
  display: none;
}
.purchase-form .info .personalized.title.send-gift > span + span .send-letter-title {
  display: none;
}
.purchase-form .info .personalized.title.send-gift > span + span .send-gift-title {
  display: inline;
  font-weight: bold;
}
.purchase-form .info .personalized.title.send-gift.send-letter > span + span .send-letter-title {
  display: inline;
  font-weight: bold;
}
.purchase-form .info .personalized.title.send-gift.send-letter > span + span .send-gift-title {
  display: none;
}
.purchase-form .info .description {
  color: #717171;
  font-size: 15px;
  text-align: center;
  margin: 0 10px;
}
.purchase-form .info .description .note {
  font-size: 13px;
}
.purchase-form .info .description .get-features {
  margin-top: 8px;
}
.purchase-form .info .description .features {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 15px auto 0;
}
.devaluation-enabled .purchase-form .info .description .features {
  margin: 0;
}
@media (min-width: 800px) {
  .purchase-form .info .description .features {
    flex-direction: row;
  }
}
.purchase-form .info .description .common {
  font-size: 13px;
}
.purchase-form .info .description .read-more {
  cursor: pointer;
  text-decoration: underline;
}
.purchase-form .info .description .read-more:hover {
  text-decoration: none;
}
.purchase-form .packages {
  position: relative;
}
@media (min-width: 765px) {
  .purchase-form .packages {
    padding: 0 0 20px;
  }
}
.purchase-form .packages .packages-list {
  list-style: none;
  padding: 0 100px;
  margin: 0;
  display: block;
  height: 60px;
  text-align: justify;
  text-justify: newspaper;
}
.purchase-form .packages .packages-list::after {
  content: '';
  width: 100%;
  display: inline-block;
}
@media (max-width: 890px) {
  .purchase-form .packages .packages-list {
    padding: 0 50px;
  }
}
@media (max-width: 860px) {
  .purchase-form .packages .packages-list {
    text-align: center;
  }
}
@media (max-width: 765px) {
  .purchase-form .packages .packages-list {
    display: flex;
    position: absolute;
    height: auto;
    left: 50%;
    width: 280px;
    box-sizing: border-box;
    margin: 0 0 0 -140px;
    padding: 0;
    flex-direction: column;
    z-index: 1;
  }
  .purchase-subscription .purchase-form .packages .packages-list .price-wrapper .price {
    display: block;
    text-align: center;
  }
}
@media (max-width: 360px) {
  .purchase-form .packages .packages-list {
    width: 260px;
    margin: 0 0 0 -130px;
  }
}
.purchase-form .packages .packages-list .package-label {
  font-size: 14px;
  width: 100%;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -23px;
  color: #00b15e;
}
.purchase-form .packages .additional {
  text-align: center;
}
@media (max-width: 765px) {
  .purchase-form .packages .note-optional {
    position: absolute;
    top: 44px;
    font-size: 12px;
    left: 0;
    right: 0;
  }
}
@media (max-width: 765px) {
  .purchase-form .packages.not-recurring {
    padding-bottom: 40px;
  }
}
@media (max-width: 765px) {
  .purchase-form .packages-wrapper.opened > .packages .package {
    display: block;
  }
}
@media (max-width: 765px) {
  .purchase-form .packages-wrapper:not(.opened) > .packages .package.active::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 18px;
    margin: -2px 0 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
  }
}
.purchase-form .package {
  display: inline-block;
  width: 200px;
  height: 58px;
  border: 1px solid #eee;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  transition: border 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
  position: relative;
  vertical-align: middle;
}
@media (min-width: 765px) {
  .devaluation-enabled .purchase-form .package {
    border-radius: 10px;
  }
}
@media (max-width: 542px) {
  .purchase-form .package {
    min-width: 200px;
  }
}
@media (max-width: 765px) {
  .purchase-form .package {
    border-radius: 0;
    display: none;
    height: 50px;
    width: 100%;
    margin-bottom: -1px;
  }
}
@media (max-width: 765px) {
  .purchase-form .package:first-child {
    border-radius: 2px 2px 0 0;
  }
}
@media (max-width: 765px) {
  .purchase-form .package:last-child {
    border-radius: 0 0 2px 2px;
  }
}
.purchase-form .package:hover {
  z-index: 2;
}
.purchase-form .package label {
  display: block;
  width: 100%;
  height: 58px;
  line-height: 58px;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 765px) {
  .purchase-form .package label {
    box-sizing: border-box;
    font-size: 14px;
    white-space: nowrap;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 50px;
    height: 100%;
  }
  .purchase-subscription .purchase-form .package label {
    text-align: center;
  }
}
.purchase-form .package .wrapper {
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 1.2;
  vertical-align: middle;
}
.devaluation-enabled .purchase-form .package .wrapper {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.purchase-form .package input[type=radio] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.purchase-form .package .quantity {
  display: block;
  font-size: 16px;
  color: #222;
  text-shadow: #fff 0 1px 0;
  font-weight: 600;
}
.purchase-form .package .price {
  color: #222;
  font-weight: 400;
}
.devaluation-enabled .purchase-form .package .price:not(.price-amount) {
  color: #a9a9a9;
}
.devaluation-enabled .purchase-form .package .price {
  display: inline-block;
  float: right;
}
.devaluation-enabled .purchase-form .package .price.price-amount {
  float: left;
}
@media (min-width: 765px) {
  .purchase-form .package .price {
    display: block;
  }
}
.purchase-form .package .price.price-amount {
  font-weight: bold;
}
.purchase-form .package .price.price-amount .coin-icon {
  vertical-align: top;
}
.purchase-form .package .price .price-discount,
.purchase-form .package .price.price-discount {
  color: #a9a9a9;
}
.purchase-form .package .price .old-price {
  text-decoration: line-through;
}
.purchase-form .package .for {
  display: block;
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.purchase-form .package:hover {
  border: #00b15e solid 1px;
}
.purchase-form .package.active {
  border: #00b15e solid 1px;
  background: #00b15e;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.12);
}
.purchase-form .package.active .for,
.purchase-form .package.active .quantity,
.purchase-form .package.active .price {
  color: #fff;
}
.devaluation-enabled .purchase-form .package.active .for:not(.price-amount),
.devaluation-enabled .purchase-form .package.active .quantity:not(.price-amount),
.devaluation-enabled .purchase-form .package.active .price:not(.price-amount) {
  color: #b3e3db;
}
.purchase-form .package.active .for .price-discount,
.purchase-form .package.active .quantity .price-discount,
.purchase-form .package.active .price .price-discount,
.purchase-form .package.active .for.price-discount,
.purchase-form .package.active .quantity.price-discount,
.purchase-form .package.active .price.price-discount {
  color: #b3e3db;
}
@media (max-width: 765px) {
  .purchase-form .package.active .for .price-discount,
  .purchase-form .package.active .quantity .price-discount,
  .purchase-form .package.active .price .price-discount,
  .purchase-form .package.active .for.price-discount,
  .purchase-form .package.active .quantity.price-discount,
  .purchase-form .package.active .price.price-discount {
    opacity: 0.6;
  }
}
.purchase-form .package.active .quantity {
  font-weight: 500;
}
.purchase-form .package.active .price-amount-discount {
  color: #c5e8e2;
}
@media (max-width: 765px) {
  .purchase-form .package.active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    display: block;
  }
}
.purchase-form .package .price-amount-discount {
  color: #a9a9a9;
  font-weight: normal;
  text-decoration: line-through;
}
.purchase-form .package .discount-badge {
  display: none;
  background: url('/i/purchase/badge.png') 100% 100% no-repeat;
  position: absolute;
  left: -30px;
  top: -16px;
  text-align: center;
  color: #f2f9eb;
  width: 69px;
  height: 69px;
  justify-content: center;
  align-items: center;
  transform: rotate(-16deg);
  flex-direction: column;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  letter-spacing: 0.4px;
}
.purchase-form .package .discount-badge.is-percentage {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.purchase-form .package .discount-badge.is-percentage .discount-badge__asterisk {
  position: absolute;
  font-size: 6px;
  top: -3px;
}
@media (max-width: 765px) {
  .purchase-form .package .discount-badge {
    left: -40px !important;
    top: -32px;
    font-size: 14px !important;
  }
}
.purchase-form .package.is-discount .discount-badge {
  display: flex;
}
.purchase-form .package .discount-badge__label {
  margin-top: 2px;
  font-size: 8px;
  line-height: 9px;
  font-weight: 600;
}
.purchase-form .package .discount-badge__price {
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
.purchase-form .package .discount-badge__asterisk {
  position: absolute;
  font-size: 8px;
  top: 2px;
}
.purchase-form .package .discount-badge__percentage {
  position: relative;
}
.purchase-form .payment-details {
  position: relative;
  min-height: 300px;
  padding: 20px 15px 17px;
  background: #f5f5f5;
}
.purchase-form .payment-details input,
.purchase-form .payment-details select {
  padding: 0.4em 0.2em;
  font-size: 18px;
  color: #222;
}
.purchase-form .payment-details input[name="cardholder"],
.purchase-form .payment-details select[name="cardholder"] {
  text-transform: uppercase;
}
.purchase-form .payment-details .row {
  position: relative;
  margin-bottom: 15px;
}
.purchase-form .payment-details .credit-card-wrapper {
  display: table;
  margin: 0 auto 5px;
  min-height: 265px;
  max-width: 515px;
}
@media (max-width: 355px) {
  .purchase-form .payment-details .credit-card-wrapper {
    width: 265px;
  }
}
.purchase-form .payment-details .credit-card-wrapper .existing-cards {
  display: none;
}
.mirror .purchase-form .payment-details .credit-card-wrapper .existing-cards select option {
  direction: ltr;
}
.purchase-form .payment-details .credit-card-wrapper .payment-request .button {
  display: none;
}
.purchase-form .payment-details .credit-card-wrapper .payment-request .button svg {
  vertical-align: middle;
}
.purchase-form .payment-details .credit-card-wrapper .payment-request .button .logo {
  width: 16px;
  height: 16px;
  margin-top: -2px;
}
.purchase-form .payment-details .credit-card-wrapper .payment-request .button .logo-text {
  height: 13px;
  width: 35px;
}
.purchase-form .payment-details .credit-card-wrapper .payment-request.fast-pay .fast-pay {
  display: block;
  text-transform: uppercase;
}
.purchase-form .payment-details .credit-card-wrapper .payment-request.android-pay .android-pay {
  display: block;
}
.purchase-form .payment-details .credit-card-wrapper .payment-request.apple-pay .apple-pay {
  background: black;
  color: #fff;
  display: block;
}
.purchase-form .payment-details .credit-card-wrapper .payment-request.apple-pay .apple-pay > svg {
  fill: #fff;
  width: 53px;
  height: 23px;
  vertical-align: top;
}
.purchase-form .payment-details .credit-card-wrapper .payment-request.apple-pay .apple-pay > span {
  vertical-align: middle;
  display: inline-block;
}
.purchase-form .payment-details .credit-card-wrapper > .block-spoiler {
  display: table-row;
  width: 100%;
  text-align: center;
}
.role-suspicious .purchase-form .payment-details .credit-card-wrapper > .block-spoiler {
  display: none;
}
.purchase-form .payment-details .credit-card-wrapper > .block-spoiler .cell {
  max-width: 290px;
  margin: auto;
  padding-bottom: 10px;
}
.purchase-form .payment-details .credit-card-wrapper > .block-spoiler .block {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  justify-content: space-between;
}
.purchase-form .payment-details .credit-card-wrapper > .block-spoiler .block .payment-request {
  margin-bottom: 5px;
}
.purchase-form .payment-details .credit-card-wrapper > .block-spoiler .block > * {
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -o-flex: 1 0 auto;
  flex: 1 0 auto;
  margin: 0 5px;
}
.purchase-form .payment-details .credit-card-wrapper > .block-spoiler .block > * .button {
  width: 100%;
}
.purchase-form .payment-details .credit-card-wrapper > .block-spoiler .button {
  width: auto;
  height: auto;
  padding: 10px 15px;
}
.purchase-form .payment-details .credit-card-wrapper > .description {
  display: table-row;
}
.purchase-form .payment-details .credit-card-wrapper > .description .cell {
  padding: 10px 0;
}
.purchase-form .payment-details .credit-card-wrapper.existing .existing-cards {
  display: block;
  width: 280px;
  margin: auto;
}
.purchase-form .payment-details .credit-card-wrapper.existing .credit-card > .cell {
  height: 265px;
  min-width: 265px;
}
.purchase-form .payment-details .credit-card-wrapper .add-card {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.25s, opacity 0.25s;
}
.purchase-form .payment-details .credit-card-wrapper.add .add-card {
  max-height: 100%;
  opacity: 1;
  overflow: visible;
  width: 280px;
  margin: 0 auto;
}
@media (max-width: 360px) {
  .purchase-form .payment-details .credit-card-wrapper.add .add-card {
    width: 280px;
  }
}
.purchase-form .payment-details .credit-card-wrapper .button-wrapper {
  width: 280px;
  margin: 0 auto;
}
.purchase-form .payment-details .credit-card {
  display: table-row;
  position: relative;
  vertical-align: middle;
  min-height: 0;
}
.purchase-form .payment-details .credit-card > .cell {
  display: table-cell;
  height: 220px;
  vertical-align: middle;
}
.purchase-form .payment-details .credit-card > .cell > .payment-request {
  width: 100%;
}
.purchase-form .payment-details .credit-card > .cell > .payment-request p {
  margin: 15px 0;
  text-align: center;
  font-size: 13px;
  color: #666;
}
.purchase-form .payment-details .credit-card > .cell > .payment-request .button {
  width: 100%;
}
.purchase-form .payment-details .credit-card .note {
  text-align: center;
}
.purchase-form .payment-details .credit-card label {
  position: absolute;
  display: inline-block;
  left: -7em;
  line-height: 34px;
  font-size: 15px;
}
@media (max-width: 765px) {
  .purchase-form .payment-details .credit-card label {
    position: static;
  }
}
.purchase-form .payment-details .credit-card .field-wrapper {
  display: inline-block;
  vertical-align: top;
  padding-bottom: 0;
}
.purchase-form .payment-details .credit-card .field-wrapper input,
.purchase-form .payment-details .credit-card .field-wrapper select {
  height: 32px;
  font-size: 15px;
  line-height: 1.2;
  padding-left: 10px;
}
.purchase-form .payment-details .expiration {
  display: flex;
  justify-content: space-between;
}
.purchase-form .payment-details .cart-date .field-group-name,
.purchase-form .payment-details .cart-date .month-wrapper,
.purchase-form .payment-details .cart-date .year-wrapper,
.purchase-form .payment-details .cart-date .separator {
  display: inline-block;
  vertical-align: middle;
}
.purchase-form .payment-details .cart-date .separator {
  font-size: 15px;
  padding: 0 5px;
}
.purchase-form .payment-details .cart-date .field-wrapper {
  width: 70px;
}
@media (max-width: 355px) {
  .purchase-form .payment-details .cart-date .field-wrapper {
    width: 60px;
  }
}
.purchase-form .payment-details .card-cvv .field-wrapper {
  width: 70px;
}
.purchase-form .payment-details .card-cvv .field-wrapper input {
  text-align: center;
  padding: 0.4em 0.2em;
}
.purchase-form .payment-details .card-cvv label {
  position: static;
  margin-right: 5px;
}
.purchase-form .payment-details .field-wrapper {
  width: 100%;
  padding: 0 0 5px 0;
}
.purchase-form .payment-details .description {
  margin: 10px;
  text-align: center;
  min-height: 46px;
}
.purchase-form .payment-details .description p {
  margin: 0;
}
.purchase-form .payment-details .description p.package-note {
  margin-bottom: 0;
}
.purchase-form .payment-details .description p.package-note .credits {
  display: none;
}
.purchase-credits.multiple .purchase-form .payment-details .description p.package-note .credits {
  display: inline;
}
.purchase-form .payment-details .description p.package-note .credits-1st-purchase {
  display: inline;
}
.purchase-credits.type-stream .purchase-form .payment-details .description p.package-note .credits-1st-purchase,
.purchase-credits.multiple .purchase-form .payment-details .description p.package-note .credits-1st-purchase {
  display: none;
}
.purchase-form .payment-details .description .autocharge {
  width: auto;
  vertical-align: text-bottom;
}
.purchase-form .payment-details .agreement {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
.purchase-form .payment-details .agreement p {
  margin: 0 0 5px 0;
}
.purchase-form .payment-details .agreement .offering-includes {
  display: none;
}
.purchase-form .payment-details .agreement .show-if-multiple {
  display: block;
}
.multiple.purchase-form .payment-details .agreement .show-if-multiple {
  display: none;
}
.purchase-form .payment-details .agreement .hide-if-multiple {
  display: none;
}
.multiple.purchase-form .payment-details .agreement .hide-if-multiple {
  display: block;
}
.purchase-form .payment-details .button-wrapper .big {
  height: 44px;
  font-size: 14px;
  text-transform: uppercase;
  width: 100%;
  box-sizing: border-box;
  line-height: 20px;
}
.purchase-form .payment-details .button-wrapper .big svg {
  height: 20px;
  width: 20px;
  margin-bottom: -4px;
  margin-right: 6px;
  fill: #fff;
}
.purchase-form .payment-details .button-wrapper .big .span {
  display: inline;
}
.purchase-form .payment-details .button-wrapper .big .subscribe {
  display: none;
}
.ios-env .purchase.whatsapp-support .help .service-link,
.android-env .purchase.whatsapp-support .help .service-link {
  display: none;
}
.ios-env .purchase.whatsapp-support .help .live-support-link,
.android-env .purchase.whatsapp-support .help .live-support-link {
  display: none;
}
.ios-env .purchase.whatsapp-support .help .mobile-link,
.android-env .purchase.whatsapp-support .help .mobile-link {
  display: inline-block;
}
.ios-env .purchase.facebook-support .fb-bot,
.android-env .purchase.facebook-support .fb-bot,
.ios-env .purchase.facebook-support.whatsapp-support .fb-bot,
.android-env .purchase.facebook-support.whatsapp-support .fb-bot {
  display: none;
}
.tag-customer .ios-env .purchase.facebook-support .fb-bot.fb-customer,
.tag-customer .android-env .purchase.facebook-support .fb-bot.fb-customer,
.tag-customer .ios-env .purchase.facebook-support.whatsapp-support .fb-bot.fb-customer,
.tag-customer .android-env .purchase.facebook-support.whatsapp-support .fb-bot.fb-customer {
  display: initial;
}
.app-container:not(.tag-customer) .ios-env .purchase.facebook-support .fb-bot.fb-not-customer,
.app-container:not(.tag-customer) .android-env .purchase.facebook-support .fb-bot.fb-not-customer,
.app-container:not(.tag-customer) .ios-env .purchase.facebook-support.whatsapp-support .fb-bot.fb-not-customer,
.app-container:not(.tag-customer) .android-env .purchase.facebook-support.whatsapp-support .fb-bot.fb-not-customer {
  display: inline-block;
  margin-bottom: 5px;
}
.ios-env .purchase.facebook-support .help .service-link,
.android-env .purchase.facebook-support .help .service-link,
.ios-env .purchase.facebook-support.whatsapp-support .help .service-link,
.android-env .purchase.facebook-support.whatsapp-support .help .service-link {
  display: none;
}
.ios-env .purchase.facebook-support .help .live-support-link,
.android-env .purchase.facebook-support .help .live-support-link,
.ios-env .purchase.facebook-support.whatsapp-support .help .live-support-link,
.android-env .purchase.facebook-support.whatsapp-support .help .live-support-link {
  display: inline-block;
}
.ios-env .purchase.facebook-support .help .mobile-link,
.android-env .purchase.facebook-support .help .mobile-link,
.ios-env .purchase.facebook-support.whatsapp-support .help .mobile-link,
.android-env .purchase.facebook-support.whatsapp-support .help .mobile-link {
  display: none;
}
.purchase.content .first-purchase-discount-note {
  display: none;
}
.purchase.content.om-discount .first-purchase-discount-note {
  display: block;
}
.purchase.content .purchase-form-spinner {
  display: none;
  width: 100%;
  height: 120px;
}
.purchase.content.load .spinner {
  display: block;
}
.purchase.content.load section.info,
.purchase.content.load section.packages {
  display: none;
}
.purchase.content.load .button-wrapper .big span,
.purchase.content.load .button-wrapper .big svg {
  display: none;
}
.purchase.content.load .button-wrapper .big .spinner {
  display: block;
  height: 24px;
}
.purchase.content .aud,
.purchase.content .eur,
.purchase.content .gbp,
.purchase.content .penny,
.purchase.content.currency-aud .usd,
.purchase.content.currency-eur .usd,
.purchase.content.currency-gbp .usd,
.purchase.content.currency-gbp .cent {
  display: none;
}
.purchase.content .usd,
.purchase.content .cent,
.purchase.content.currency-aud .aud,
.purchase.content.currency-eur .eur,
.purchase.content.currency-gbp .gbp,
.purchase.content.currency-gbp .penny {
  display: inline;
}
.purchase.content .features {
  padding: 0;
  list-style: none;
  color: #a9a9a9;
  font-size: 0;
}
.purchase.content .features li {
  display: inline-block;
  margin-left: 15px;
  padding-left: 15px;
  font-size: 15px;
}
@media (min-width: 800px) {
  .purchase.content .features li {
    padding: 10px 0 10px 15px;
    border-left: 1px solid #eee;
  }
  .type-stream.purchase.content .features li {
    margin-left: 5px;
    padding-left: 5px;
  }
  .purchase.content .features li:first-child {
    margin-left: 0;
    border-left: none;
    padding-left: 0;
  }
}
.purchase.content .features li .highlight {
  text-transform: capitalize;
}
.purchase.content .congrats .description span.membership {
  display: none;
}
.purchase.content.membership .congrats .description span,
.purchase.content.bought-membership .congrats .description span,
.purchase.content.package-0 .congrats .description span {
  display: none;
}
.purchase.content.membership .congrats .description span.membership,
.purchase.content.bought-membership .congrats .description span.membership,
.purchase.content.package-0 .congrats .description span.membership {
  display: block;
}
.purchase.content .features-block {
  margin-top: 20px;
  font-size: 16px;
  display: none;
}
.purchase.content .features-block .features {
  margin: 7px auto 25px;
}
.purchase.content .features-block .features li {
  font-size: 18px;
}
.purchase.content .congrats {
  display: none;
}
.purchase.content.done .purchase-form {
  visibility: hidden;
}
.purchase.content.done .congrats {
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 100%;
  background: #f5f5f5;
}
.purchase.content.done .congrats .inner {
  display: inline-block;
  padding: 185px 20px 50px;
  line-height: 1.2;
}
.purchase.content.done .congrats .description {
  font-size: 18px;
  margin: 0.6em 0;
}
.purchase.content.done .congrats .button {
  text-transform: uppercase;
}
.purchase.content.membership .congrats .inner,
.purchase.content.bought-membership .congrats .inner,
.purchase.content.package-0 .congrats .inner {
  padding-top: 140px;
}
.purchase.content.waiting {
  height: 525px !important;
  overflow: hidden !important;
}
.purchase.content.membership .button-wrapper .big .checkout {
  display: none;
}
.purchase.content.membership .button-wrapper .big .subscribe {
  display: inline;
}
.purchase.content.membership .button-wrapper .big .subscribe.for-stream,
.purchase.content.membership .button-wrapper .big .subscribe.for-start-streaming {
  display: none;
}
.type-stream.purchase.content.membership .button-wrapper .big .subscribe.for-stream {
  display: inline;
}
.type-stream.purchase.content.membership .button-wrapper .big .subscribe.for-devaluation-disabled,
.type-stream.purchase.content.membership .button-wrapper .big .subscribe.for-devaluation-enabled {
  display: none;
}
.type-start-streaming.purchase.content.membership .button-wrapper .big .subscribe.for-start-streaming {
  display: inline;
}
.type-start-streaming.purchase.content.membership .button-wrapper .big .subscribe.for-devaluation-disabled,
.type-start-streaming.purchase.content.membership .button-wrapper .big .subscribe.for-devaluation-enabled {
  display: none;
}
.purchase.content.error {
  padding: 20px;
  text-align: center;
}
.purchase.content.error .payment-details,
.purchase.content.error .help {
  display: none;
}
.mirror .purchase.content .card-number-field {
  direction: ltr;
  text-align: right;
}
.optional-membership.multiple.purchase.content .note-optional {
  display: none;
}
.purchase.content .membership-toggler-wrapper {
  display: none;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 20px;
}
.optional-membership.multiple.purchase.content .membership-toggler-wrapper {
  display: block;
}
.purchase.content .membership-toggler-wrapper p {
  margin: 0;
}
.purchase.content .membership-toggler-wrapper label span.description {
  padding-left: 0;
}
.purchase.content .membership-toggler-wrapper label span.description.discount-50 {
  display: inline;
}
.om-discount.optional-membership.purchase.content .membership-toggler-wrapper label span.description.discount-50 {
  display: none;
}
.purchase.content .membership-toggler-wrapper label span.description.discount-90 {
  display: none;
}
.om-discount.optional-membership.purchase.content .membership-toggler-wrapper label span.description.discount-90 {
  display: inline;
}
.purchase.content .membership-toggler-wrapper .offering-includes {
  margin-top: 10px;
}
@media (max-width: 765px) {
  .purchase.content .membership-toggler-wrapper .offering-includes {
    font-size: 0.8em;
  }
}
.purchase.content .show-if-multiple {
  display: none;
}
.purchase.content section.hide-if-multiple,
.purchase.content div.hide-if-multiple {
  display: block;
}
.purchase.content span.hide-if-multiple {
  display: inline;
}
.purchase.content span.hide-if-multiple .highlight {
  white-space: nowrap;
}
.purchase.content.multiple section.show-if-multiple,
.purchase.content.multiple div.show-if-multiple {
  display: block;
}
.purchase.content.multiple span.show-if-multiple {
  display: inline;
}
.purchase.content.multiple .hide-if-multiple {
  display: none;
}
.purchase.content .for-start-streaming {
  display: none;
}
.type-start-streaming.purchase.content .for-start-streaming {
  display: block;
}
.purchase.content .for-stream {
  display: none;
}
.type-stream.purchase.content .for-stream {
  display: block;
}
.block-spoiler {
  width: 100%;
  text-align: center;
}
.block-spoiler .link {
  cursor: pointer;
  display: block;
  border-bottom: 1px dotted #666;
  line-height: 1;
  color: #666;
  font-size: 13px;
  margin: 0 auto 10px;
  max-width: 182px;
}
.block-spoiler .link:hover {
  border-bottom-color: transparent;
}
.block-spoiler .link.active {
  border-bottom-color: transparent;
}
.block-spoiler .link.active ~ .block {
  max-height: 82px;
  opacity: 1;
  overflow: visible;
}
.block-spoiler .block {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.25s, opacity 0.25s;
}
.block-spoiler .block > * {
  display: inline-block;
}
.block-spoiler .block > * + * {
  margin-left: 10px;
}
.processing .existing-cards {
  opacity: 0.7;
}
.purchase-failed-message {
  position: absolute;
  top: -9999px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.25s;
  font-size: 14px;
}
.purchase-failed-message .wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.purchase-failed-message .message {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.failed .purchase-failed-message {
  top: 0;
  opacity: 1;
}
.supported.cards {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -12px;
  padding-left: 12px;
  list-style: none;
  font-size: 0;
  white-space: nowrap;
}
@media (max-width: 780px) {
  .supported.cards {
    display: none;
  }
}
.supported.cards .card {
  display: inline-block;
  height: 24px;
  width: 36px;
  margin-right: 1px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
}
.supported.cards .card svg {
  height: 24px;
}
.visa .card:not(.visa) {
  opacity: 0.3;
}
.master-card .card:not(.master-card) {
  opacity: 0.3;
}
.discover .card:not(.discover) {
  opacity: 0.3;
}
.american-express .card:not(.american-express) {
  opacity: 0.3;
}
.jcb .card:not(.jcb) {
  opacity: 0.3;
}
.union-pay .card:not(.union-pay) {
  opacity: 0.3;
}
.en-route .card:not(.en-route) {
  opacity: 0.3;
}
.diners-club .card:not(.diners-club) {
  opacity: 0.3;
}
.carte-blanche .card:not(.carte-blanche) {
  opacity: 0.3;
}
.chat-wrapper,
.send-letter-wrapper {
  position: relative;
}
.chat-wrapper .auth-group,
.send-letter-wrapper .auth-group {
  display: none;
}
.chat-wrapper .chat,
.send-letter-wrapper .chat {
  position: relative;
  background: #f5f5f5;
}
.chat-wrapper.suspended .messages,
.send-letter-wrapper.suspended .messages,
.chat-wrapper.suspended .birthday-tooltip,
.send-letter-wrapper.suspended .birthday-tooltip,
.chat-wrapper.suspended .menu-wrapper,
.send-letter-wrapper.suspended .menu-wrapper {
  display: none;
}
.chat-wrapper ul.smiles-list,
.send-letter-wrapper ul.smiles-list {
  float: right;
  font-size: 0;
  width: 186px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.chat-wrapper ul.smiles-list li,
.send-letter-wrapper ul.smiles-list li {
  position: relative;
  width: calc(100%/9);
  min-height: 40px;
  margin: 0 0 10px;
  float: left;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 1440px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/8);
  }
}
@media (max-width: 1340px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/7);
  }
}
@media (max-width: 1240px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/6);
  }
}
@media (max-width: 1140px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/5);
  }
}
@media (max-width: 950px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/6);
  }
}
@media (max-width: 890px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/5);
  }
}
@media (max-width: 767px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/10);
  }
}
@media (max-width: 640px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/9);
  }
}
@media (max-width: 579px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/8);
  }
}
@media (max-width: 520px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/7);
  }
}
@media (max-width: 459px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/6);
  }
}
@media (max-width: 400px) {
  .chat-wrapper ul.smiles-list li,
  .send-letter-wrapper ul.smiles-list li {
    width: calc(100%/5);
  }
}
.chat-wrapper .birthday-tooltip,
.send-letter-wrapper .birthday-tooltip {
  margin-top: -35px;
  text-align: center;
  width: 100%;
  height: 24px;
  padding: 0 10px;
  box-sizing: border-box;
  white-space: nowrap;
  display: none;
}
.chat-tab .chat-wrapper .birthday-tooltip,
.chat-tab .send-letter-wrapper .birthday-tooltip {
  display: block;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .chat-wrapper .birthday-tooltip,
  .send-letter-wrapper .birthday-tooltip {
    margin-top: -75px;
  }
}
.chat-wrapper .birthday-tooltip .text,
.send-letter-wrapper .birthday-tooltip .text {
  font-size: 14px;
  vertical-align: bottom;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
}
.chat-wrapper .birthday-tooltip .text .name,
.send-letter-wrapper .birthday-tooltip .text .name {
  display: inline-block;
  max-width: 45%;
  vertical-align: inherit;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chat-wrapper .birthday-tooltip .text i,
.send-letter-wrapper .birthday-tooltip .text i {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 5px;
}
.chat-wrapper .birthday-tooltip .text i svg,
.send-letter-wrapper .birthday-tooltip .text i svg {
  fill: #009f83;
}
.chat-wrapper .description .tag-familiar {
  display: none;
  padding: 0 10px;
  font-size: 13px;
  color: white;
  line-height: 19px;
  background: #029e83;
  border-radius: 10px;
  font-weight: normal;
}
.role-promoter .chat-wrapper .description .tag-familiar {
  display: inline-block;
}
.chat-wrapper .chat-locker {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  top: 400px;
  align-items: center;
  justify-content: center;
  z-index: 17;
}
.chat-wrapper .chat-locker .text {
  text-align: center;
  padding: 0 15px;
  font-size: 14px;
  font-weight: bold;
}
.chat-wrapper .chat-locker svg {
  fill: #fff;
  display: inline-block;
  vertical-align: top;
  height: 16px;
  width: 16px;
}
.chat-wrapper .chat-locker.video-purchase {
  text-align: center;
}
.chat-wrapper.my-room .stream-next,
.chat-wrapper:not(.no-stream) .stream-next,
.chat-wrapper:not(.minutes-unavailable) .video-purchase {
  display: none;
}
.chat-wrapper.room-mode:not(.my-room) .stream-switcher {
  display: block;
}
.chat-wrapper .stream-like-button {
  display: none;
}
.chat-wrapper.room-mode .stream-like-button {
  display: inline-block;
}
.chat-wrapper.room-mode.my-room .stream-like-button {
  display: none;
}
.application-container:not(.tag-membership) .chat-wrapper.minutes-unavailable .video-purchase {
  display: none;
}
.application-container.tag-membership .chat-wrapper.room-mode.minutes-unavailable:not(.no-stream) .full-screen-toggler,
.application-container.tag-membership .chat-wrapper.room-mode.minutes-unavailable:not(.no-stream) .video-controls {
  display: none;
}
.application-container.tag-membership .chat-wrapper.room-mode.minutes-unavailable:not(.no-stream) .video-calls-container {
  overflow: hidden;
}
.application-container.tag-membership .chat-wrapper.room-mode.minutes-unavailable:not(.no-stream) .stream-ended {
  display: block;
  top: 130px;
}
.application-container.tag-membership .chat-wrapper.room-mode.minutes-unavailable:not(.no-stream) .stream-ended .thumbnail {
  display: block;
}
.application-container.tag-membership .chat-wrapper.room-mode.minutes-unavailable:not(.no-stream) .stream-ended .thumbnail .photo {
  border-radius: 100%;
}
.application-container.tag-membership .chat-wrapper.room-mode.minutes-unavailable:not(.no-stream) .stream-ended .watching {
  display: none;
}
.application-container.tag-membership .chat-wrapper.room-mode.minutes-unavailable:not(.no-stream) .video-blur {
  display: block;
}
.ie .application-container.tag-membership .chat-wrapper.room-mode.minutes-unavailable:not(.no-stream) .video-blur {
  background: rgba(255, 255, 255, 0.7);
}
.application-container.tag-membership .chat-wrapper.room-mode.minutes-unavailable:not(.no-stream) .video-placeholder {
  min-height: 400px;
  -webkit-filter: blur(40px);
  -moz-filter: blur(40px);
  -o-filter: blur(40px);
  -ms-filter: blur(40px);
  filter: blur(40px);
  filter: progid:dximagetransform.microsoft.blur(PixelRadius='3');
}
.chat-wrapper .stream-switcher {
  display: none;
}
.chat-wrapper .stream-switcher .stream-switcher-swipe {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
@media (max-width: 780px) {
  .chat-wrapper .stream-switcher .stream-switcher-swipe {
    display: block;
  }
}
.chat-wrapper .stream-switcher .stream-switcher-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 35px;
  height: 50px;
  margin-top: -25px;
  transition-property: transform, opacity, background-image !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 35px auto;
  cursor: pointer;
}
.chat-wrapper .stream-switcher .prev-stream {
  background-image: url('/i/icons/left-inactive-arrow.png?1');
  left: 10px;
}
.chat-wrapper .stream-switcher .prev-stream:hover,
.chat-wrapper .stream-switcher .prev-stream.active {
  background-image: url('/i/icons/left-active-arrow.png?1');
}
.chat-wrapper .stream-switcher .next-stream {
  background-image: url('/i/icons/right-inactive-arrow.png?1');
  right: 10px;
}
.chat-wrapper .stream-switcher .next-stream:hover,
.chat-wrapper .stream-switcher .next-stream.active {
  background-image: url('/i/icons/right-active-arrow.png?1');
}
.chat-wrapper:not(.my-room) .video-purchase .owner {
  display: none;
}
.chat-wrapper.my-room .video-purchase .become {
  display: none;
}
div.auth-panel {
  margin-bottom: 15px;
}
div.auth-panel table {
  border-collapse: collapse;
  width: 100%;
}
div.auth-panel table td {
  vertical-align: bottom;
  padding: 0 0 0 10px;
}
div.auth-panel table td:first-child {
  padding-left: 0;
}
div.auth-panel table input {
  font-size: 12px;
}
div.auth-panel table label {
  font-size: 12px;
}
.signin-panel table {
  border-collapse: collapse;
  width: 100%;
}
.signin-panel table td {
  padding: 0;
}
.signin-panel table td input {
  font-size: 12px !important;
}
.signin-panel table td:last-child {
  text-align: right;
  width: 80px;
}
.signin-panel table td:last-child .button {
  margin-top: -1px;
}
.chat-wrapper,
.send-letter-wrapper {
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .chat-wrapper:not(.room-mode),
  .send-letter-wrapper:not(.room-mode) {
    padding-bottom: 0;
  }
}
.chat-wrapper:not(.room-mode) .for-room-mode,
.send-letter-wrapper:not(.room-mode) .for-room-mode {
  display: none;
}
.chat-wrapper.room-mode .co-streamer-container,
.send-letter-wrapper.room-mode .co-streamer-container {
  display: inline-block;
}
.chat-wrapper.room-mode .talk-date,
.send-letter-wrapper.room-mode .talk-date,
.chat-wrapper.room-mode .show-more-container,
.send-letter-wrapper.room-mode .show-more-container {
  display: none;
}
.chat-wrapper.room-mode .interlocutor > *,
.send-letter-wrapper.room-mode .interlocutor > * {
  z-index: 1;
}
.chat-wrapper .animation-timer,
.send-letter-wrapper .animation-timer {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
}
.chat-wrapper .animation-timer .wrapper,
.send-letter-wrapper .animation-timer .wrapper {
  background-color: transparent;
}
.chat-wrapper .animation-timer img,
.send-letter-wrapper .animation-timer img {
  max-width: 60px;
  max-height: 60px;
}
.chat-wrapper .animation-timer svg,
.send-letter-wrapper .animation-timer svg {
  display: none;
}
.chat-wrapper .animation-timer.active img,
.send-letter-wrapper .animation-timer.active img {
  border-radius: 50%;
  padding: 15px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.chat-wrapper .animation-timer.active svg,
.send-letter-wrapper .animation-timer.active svg {
  display: block;
  position: absolute;
  bottom: 3px;
  right: 0;
}
.chat-wrapper .animation-timer.active svg.progress,
.send-letter-wrapper .animation-timer.active svg.progress {
  transform: rotate(-90deg);
}
.chat-wrapper .animation-timer.active svg .progress-value,
.send-letter-wrapper .animation-timer.active svg .progress-value {
  stroke-dasharray: 339.292;
  stroke-dashoffset: 339.292;
  animation: progress 10s;
}
@keyframes progress {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -339.292;
  }
}
.chat-wrapper.fullscreened,
.send-letter-wrapper.fullscreened {
  display: block;
}
.chat-wrapper.fullscreened .chat-box,
.send-letter-wrapper.fullscreened .chat-box,
.chat-wrapper.fullscreened .menu-wrapper,
.send-letter-wrapper.fullscreened .menu-wrapper {
  position: absolute;
  left: 50%;
}
.chat-wrapper.fullscreened .co-streamer-container.outgoing,
.send-letter-wrapper.fullscreened .co-streamer-container.outgoing,
.chat-wrapper.fullscreened .co-streamer-container.incoming,
.send-letter-wrapper.fullscreened .co-streamer-container.incoming,
.chat-wrapper.fullscreened .co-streamer-container.active,
.send-letter-wrapper.fullscreened .co-streamer-container.active {
  position: fixed;
  right: 12px;
  top: 50px;
}
.chat-wrapper.fullscreened .co-streamer-container.outgoing:not(.playing),
.send-letter-wrapper.fullscreened .co-streamer-container.outgoing:not(.playing),
.chat-wrapper.fullscreened .co-streamer-container.incoming:not(.playing),
.send-letter-wrapper.fullscreened .co-streamer-container.incoming:not(.playing),
.chat-wrapper.fullscreened .co-streamer-container.active:not(.playing),
.send-letter-wrapper.fullscreened .co-streamer-container.active:not(.playing) {
  width: 180px;
  height: 135px;
}
.chat-wrapper.fullscreened .co-streamer-container.outgoing:not(.playing) video,
.send-letter-wrapper.fullscreened .co-streamer-container.outgoing:not(.playing) video,
.chat-wrapper.fullscreened .co-streamer-container.incoming:not(.playing) video,
.send-letter-wrapper.fullscreened .co-streamer-container.incoming:not(.playing) video,
.chat-wrapper.fullscreened .co-streamer-container.active:not(.playing) video,
.send-letter-wrapper.fullscreened .co-streamer-container.active:not(.playing) video {
  width: 0;
  height: 0;
}
.chat-wrapper.fullscreened .co-streamer-container.outgoing video,
.send-letter-wrapper.fullscreened .co-streamer-container.outgoing video,
.chat-wrapper.fullscreened .co-streamer-container.incoming video,
.send-letter-wrapper.fullscreened .co-streamer-container.incoming video,
.chat-wrapper.fullscreened .co-streamer-container.active video,
.send-letter-wrapper.fullscreened .co-streamer-container.active video {
  position: fixed;
  max-width: 33%;
  max-height: 25%;
  right: 12px;
  top: 50px;
}
.chat-wrapper.fullscreened .chat-box,
.send-letter-wrapper.fullscreened .chat-box,
.chat-wrapper.fullscreened .menu-wrapper,
.send-letter-wrapper.fullscreened .menu-wrapper {
  width: 530px;
  margin-left: -265px;
}
@media (max-width: 530px) {
  .chat-wrapper.fullscreened .chat-box,
  .send-letter-wrapper.fullscreened .chat-box,
  .chat-wrapper.fullscreened .menu-wrapper,
  .send-letter-wrapper.fullscreened .menu-wrapper {
    width: 100%;
    margin-left: 0;
    transform: translateX(-50%);
  }
}
.chat-wrapper.fullscreened .menu-wrapper,
.send-letter-wrapper.fullscreened .menu-wrapper {
  width: 566px;
  margin-left: -283px;
}
@media (max-width: 566px) {
  .chat-wrapper.fullscreened .menu-wrapper,
  .send-letter-wrapper.fullscreened .menu-wrapper {
    width: 100%;
    margin-left: 0;
    transform: translateX(-50%);
  }
}
.chat-wrapper.fullscreened .cheers-container .cheers-panel,
.send-letter-wrapper.fullscreened .cheers-container .cheers-panel {
  width: 566px !important;
}
@media (max-width: 566px) {
  .chat-wrapper.fullscreened .cheers-container .cheers-panel,
  .send-letter-wrapper.fullscreened .cheers-container .cheers-panel {
    width: 100vw !important;
  }
}
.chat-wrapper.fullscreened .interlocutor .monitor,
.send-letter-wrapper.fullscreened .interlocutor .monitor {
  position: absolute;
  top: 0;
  left: 0;
}
.chat-wrapper.fullscreened .chat-box,
.send-letter-wrapper.fullscreened .chat-box {
  bottom: 130px;
  height: 240px;
}
.chat-wrapper.fullscreened .chat-box .chat-cell,
.send-letter-wrapper.fullscreened .chat-box .chat-cell {
  height: 240px;
  width: 530px;
}
@media (min-width: 768px) {
  .chat-wrapper.fullscreened.room-mode .chat-box,
  .send-letter-wrapper.fullscreened.room-mode .chat-box {
    bottom: 210px;
  }
}
.chat-wrapper.fullscreened .menu-wrapper,
.send-letter-wrapper.fullscreened .menu-wrapper {
  display: block;
  bottom: 50px;
}
.chat-wrapper.fullscreened .menu-panel,
.send-letter-wrapper.fullscreened .menu-panel,
.chat-wrapper.fullscreened .typing,
.send-letter-wrapper.fullscreened .typing,
.chat-wrapper.fullscreened .letter-container,
.send-letter-wrapper.fullscreened .letter-container,
.chat-wrapper.fullscreened .talk-date,
.send-letter-wrapper.fullscreened .talk-date {
  display: none;
}
.chat-wrapper.fullscreened .toolbar:hover,
.send-letter-wrapper.fullscreened .toolbar:hover {
  background-color: transparent;
}
.chat-wrapper.fullscreened .popup-container.opened .toolbar,
.send-letter-wrapper.fullscreened .popup-container.opened .toolbar {
  background-color: transparent;
}
.chat-wrapper.fullscreened.room-mode .menu-panel,
.send-letter-wrapper.fullscreened.room-mode .menu-panel {
  display: block;
  margin: 0;
  background: transparent;
  border: none;
}
.chat-wrapper.fullscreened.room-mode .menu-panel .popup-container.opened .smiles,
.send-letter-wrapper.fullscreened.room-mode .menu-panel .popup-container.opened .smiles {
  background: transparent;
}
.chat-wrapper.fullscreened .target,
.send-letter-wrapper.fullscreened .target {
  color: #fff;
}
.chat-wrapper.fullscreened .messenger,
.send-letter-wrapper.fullscreened .messenger {
  margin: 0;
}
.chat-wrapper.fullscreened .messenger input#message,
.send-letter-wrapper.fullscreened .messenger input#message {
  border: 0;
  background: transparent;
  color: #fff;
  height: 55px !important;
  border-radius: 3px 0 0 3px;
  text-shadow: 2px 1px 2px #000;
}
.chat-wrapper.fullscreened .messenger input#message::-webkit-input-placeholder,
.send-letter-wrapper.fullscreened .messenger input#message::-webkit-input-placeholder {
  color: #fff;
  font-weight: normal;
}
.chat-wrapper.fullscreened .messenger input#message:-moz-placeholder,
.send-letter-wrapper.fullscreened .messenger input#message:-moz-placeholder {
  color: #fff;
  font-weight: normal;
}
.chat-wrapper.fullscreened .messenger input#message::-moz-placeholder,
.send-letter-wrapper.fullscreened .messenger input#message::-moz-placeholder {
  color: #fff;
  font-weight: normal;
}
.chat-wrapper.fullscreened .messenger input#message:-ms-input-placeholder,
.send-letter-wrapper.fullscreened .messenger input#message:-ms-input-placeholder {
  color: #fff;
  font-weight: normal;
}
.chat-wrapper.fullscreened .messages,
.send-letter-wrapper.fullscreened .messages {
  transform: translate(0);
  -webkit-transform: translate(0);
  -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(0.1, #000000), to(rgba(0, 0, 0, 0)));
}
.chat-wrapper.fullscreened .toolbar-panel,
.send-letter-wrapper.fullscreened .toolbar-panel {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px 0 0 3px;
}
.chat-wrapper.fullscreened .toolbar-panel .send-message,
.send-letter-wrapper.fullscreened .toolbar-panel .send-message {
  right: 0;
  bottom: 0;
}
.chat-wrapper.fullscreened .message-log,
.send-letter-wrapper.fullscreened .message-log {
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 1px;
}
.chat-wrapper.fullscreened .seen-time,
.send-letter-wrapper.fullscreened .seen-time,
.chat-wrapper.fullscreened .show-more,
.send-letter-wrapper.fullscreened .show-more {
  color: #fff !important;
  text-shadow: 2px 1px 2px #000;
}
.chat-wrapper.fullscreened .balloon,
.send-letter-wrapper.fullscreened .balloon {
  box-shadow: none;
}
.chat-wrapper.fullscreened .tail-wrapper,
.send-letter-wrapper.fullscreened .tail-wrapper {
  display: none;
}
.chat-wrapper.fullscreened .attachment,
.send-letter-wrapper.fullscreened .attachment {
  cursor: default;
}
.chat-wrapper.fullscreened .notices-container,
.send-letter-wrapper.fullscreened .notices-container {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  margin: 0;
}
.chat-wrapper.fullscreened .notices-container .notices,
.send-letter-wrapper.fullscreened .notices-container .notices {
  margin: 0 0 20px 0 !important;
}
.chat-wrapper.fullscreened .private-mode-icon,
.send-letter-wrapper.fullscreened .private-mode-icon {
  fill: #fff;
}
.sidebar .chat {
  position: relative;
  width: calc((100vw - 324px)/2);
  max-width: 620px;
  height: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #eee;
  display: none;
}
@media (max-width: 950px) {
  .sidebar .chat {
    width: calc((100vw - 60px)/2);
  }
}
@media (max-width: 767px) {
  .sidebar .chat {
    margin: 0 auto;
    width: 100%;
    max-width: none;
    min-width: 300px;
  }
}
@media (max-width: 480px) {
  .sidebar .chat {
    border-radius: 5px 5px 0 0;
  }
}
.sidebar.opened .chat {
  background: #f5f5f5;
}
.sidebar.opened .chat.liveroom {
  background-image: none;
}
.sidebar.opened .chat.birthday {
  background: #f5f5f5 url("/i/birthday/chat-background.png") no-repeat 100% 0;
}
.messages .sign-in .signin,
.messages .sign-up .signup {
  display: block;
}
.messages .signin,
.messages .signup {
  display: none;
}
.time-line {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  color: #fff;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.time-line > .control {
  display: block;
  width: 0;
}
.time-line > .control:not(.active) {
  -webkit-flex: 1 0 5px;
  -moz-flex: 1 0 5px;
  -ms-flex: 1 0 5px;
  -o-flex: 1 0 5px;
  flex: 1 0 5px;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent;
  border-left-color: inherit;
  height: 0;
}
.time-line > .control.active {
  -webkit-flex: 1 0 10px;
  -moz-flex: 1 0 10px;
  -ms-flex: 1 0 10px;
  -o-flex: 1 0 10px;
  flex: 1 0 10px;
  height: 7px;
}
.time-line > .control.active::before,
.time-line > .control.active::after {
  display: inline-block;
  background: #fff;
  border-radius: 1px;
  content: '';
  width: 2px;
  height: 7px;
  margin: 0 1px;
}
.time-line > .line {
  -webkit-flex: 0 1 100%;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  -o-flex: 0 1 100%;
  flex: 0 1 100%;
  position: relative;
  overflow: hidden;
  height: 13px;
}
.time-line > .line::before,
.time-line > .line::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  margin: -0.03rem 0 0 0;
}
.time-line > .line::after {
  background: #fff;
  width: 100%;
}
.time-line > .line::before {
  background: #dd5859;
  transition: width 0.1s;
  z-index: 1;
}
.time-line > .duration {
  -webkit-flex: 1 0 20px;
  -moz-flex: 1 0 20px;
  -ms-flex: 1 0 20px;
  -o-flex: 1 0 20px;
  flex: 1 0 20px;
  padding-left: 5px;
}
.time-line > .duration::before {
  content: attr(data-duration);
  font-size: 10px;
}
.player-control {
  width: 100%;
}
.player-control > .control {
  border: 3px solid rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px;
  height: 60px;
  width: 60px;
  box-sizing: border-box;
}
.player-control > .control::before {
  color: rgba(255, 255, 255, 0.8);
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent;
  border-left-color: inherit;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -4px;
}
.player-control > .time-line {
  position: absolute;
  bottom: 5px;
  padding: 0 20px;
}
.chat-wrapper .video-attachment .time-line,
.read-letter-wrapper .video-attachment .time-line,
.send-letter-wrapper .video-attachment .time-line {
  opacity: 0;
}
.chat-wrapper .message-wrapper .private-answer.open-private-chat {
  display: none;
}
.my-room.chat-wrapper .message-wrapper .private-answer.open-private-chat {
  display: inline-block;
}
.chat-wrapper.my-room .for-stream-viewer {
  display: none !important;
}
.chat-wrapper.room-mode:not(.my-room) .for-stream-owner {
  display: none !important;
}
.chat-wrapper:not(.room-mode) .message-wrapper .sender,
.chat-wrapper:not(.room-mode) .message-wrapper .private-answer {
  display: none;
}
.chat-wrapper .message-wrapper .start-video-chat {
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.chat-wrapper .call-invitation .note {
  font-size: 12px;
  opacity: 0.6;
}
.chat-wrapper .message.outgoing .call-invitation .note {
  color: #fff;
}
.chat-wrapper:not(.my-room) .send-call-invitation,
.chat-wrapper.popular .send-call-invitation {
  display: none;
}
.chat-wrapper .messages {
  vertical-align: bottom;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  padding-bottom: 20px;
}
.birthday .chat-wrapper .messages {
  padding-bottom: 40px;
}
.room-mode.chat-wrapper .messages {
  padding-bottom: 0;
}
.chat-wrapper .messages .follow-up {
  padding: 20px 10px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  margin: 15px 0;
}
.room-mode.chat-wrapper .messages .follow-up {
  display: none;
}
.chat-wrapper .messages .follow-up .button {
  margin: 15px 0 0;
  text-transform: uppercase;
  display: none;
}
.chat-wrapper .messages .follow-up .send-letter {
  display: inline-block;
}
.chat-wrapper .message-log {
  position: relative;
  font-size: 16px;
  bottom: 0;
  padding: 0 20px 1px;
}
.chat-wrapper .message-log .sticker {
  width: 180px;
  height: 180px;
}
.room-mode.chat-wrapper .message-log .sticker {
  width: 80px;
  height: 80px;
}
@media (max-width: 767px) {
  .chat-wrapper .message-log {
    padding: 0 0 1px;
  }
}
.chat-wrapper .message-wrapper {
  height: 100%;
  text-align: right;
  position: relative;
}
.chat-wrapper .message-wrapper.system {
  padding: 0 18px;
}
.chat-wrapper .message-wrapper.system .fan-icon {
  top: -1px;
}
.chat-wrapper .message-wrapper.system .button {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  margin-top: 5px;
  vertical-align: initial;
}
.chat-wrapper .message-wrapper.system .button svg {
  width: 20px;
  height: 20px;
  fill: #fff;
  vertical-align: middle;
}
.chat-wrapper .message-wrapper.system p {
  font-size: 14px;
  color: #a9a9a9;
}
.fullscreened.chat-wrapper .message-wrapper.system p {
  color: #fff;
}
.chat-wrapper .message-wrapper.system p.important {
  color: #cc0000;
  font-weight: 600;
}
.fullscreened.chat-wrapper .message-wrapper.system p.important {
  color: #fff;
}
.chat-wrapper .message-wrapper.admin .admin-icon,
.chat-wrapper .message-wrapper.fan .fan-icon {
  display: inline-block;
}
.chat-wrapper .message-wrapper .sender {
  font-weight: bold;
  text-align: left;
  transition: opacity 0.25s;
  display: block;
  white-space: nowrap;
}
.chat-wrapper .message-wrapper .sender.loading {
  opacity: 0;
}
.chat-wrapper .message-wrapper.incoming {
  text-align: left;
}
.chat-wrapper .message-wrapper.incoming .time {
  text-align: left;
  right: -82px;
}
.chat-wrapper .message-wrapper.incoming .resend-link {
  text-align: left;
  right: -60px;
}
.chat-wrapper .message-wrapper.incoming .private-answer {
  right: -60px;
}
.chat-wrapper .message-wrapper.incoming .send-call-invitation {
  right: -110px;
}
.chat-wrapper .message-wrapper.outgoing .time {
  text-align: right;
  left: -82px;
}
.chat-wrapper .message-wrapper.outgoing .resend-link {
  text-align: right;
  left: -60px;
}
.chat-wrapper .message-wrapper.outgoing .private-answer {
  left: -60px;
}
.chat-wrapper .message-wrapper.outgoing .send-call-invitation {
  left: -110px;
}
.chat-wrapper .message-wrapper:last-child .message.incoming.opened {
  margin-bottom: 42px;
}
.chat-wrapper .message-wrapper .translate-toggler-wrapper {
  display: none;
  width: 100%;
}
.chat-wrapper .message-wrapper .translate-toggler {
  color: #777;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  margin-top: 10px;
  position: relative;
  display: none;
  outline: none;
}
.chat-wrapper .message-wrapper .translate-toggler.processing {
  visibility: hidden;
}
.chat-wrapper .message-wrapper .translate-toggler.processing::after {
  content: ' ';
  opacity: 1;
  display: block;
  visibility: visible;
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/i/preloader-white-16.gif?1) center center no-repeat;
  z-index: 2;
}
.chat-wrapper .message-wrapper .message-user {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  align-items: center;
  height: 47px;
  margin: 5px 0;
}
.chat-wrapper .message-wrapper .message-user.incoming {
  order: 0;
}
.chat-wrapper .message-wrapper .message-user.incoming.left-tail {
  order: 1;
}
.chat-wrapper .message-wrapper .message-user.incoming .thumbnail {
  margin: 0 10px 0 0;
}
.chat-wrapper .message-wrapper .message-user.outgoing .thumbnail {
  order: 1;
  margin: 0 0 0 10px;
}
.chat-wrapper .message-wrapper .message-user.outgoing .name {
  order: 0;
}
.chat-wrapper .message-wrapper .message-user .thumbnail {
  border-radius: 100%;
}
.chat-wrapper .message-wrapper .message-user .sender-name {
  color: #222;
  font-size: 13px;
}
.chat-wrapper .message-wrapper .message-user.private-available {
  cursor: pointer;
}
.chat-wrapper .message-wrapper .message-user .sender-name {
  display: none;
}
.chat-wrapper .message-wrapper .message-user:not(.default) .sender-name-shortcut {
  display: none;
}
.chat-wrapper .message-wrapper .message-user.default .thumbnail {
  display: none;
}
.chat-wrapper .message-wrapper .message-user .sender-name-shortcut {
  cursor: pointer;
  text-transform: uppercase;
  background: #ccc;
  color: #fff;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  text-align: center;
  line-height: 30px;
}
.chat-wrapper .message-wrapper.story {
  pointer-events: none;
}
.chat-wrapper .message-wrapper.story .message {
  width: unset;
  max-width: unset;
  padding: 0;
  overflow: hidden;
}
.chat-wrapper .message-wrapper.story .content {
  width: 135px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 13px;
  box-sizing: border-box;
}
.chat-wrapper .message-wrapper.story .content .media-preview {
  object-fit: cover;
  width: 42px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 10px;
}
.chat-wrapper .message-wrapper.story .content .story-message {
  font-size: 15px;
  text-align: left;
  display: inline;
  padding-left: 13px;
  margin: 0;
}
.chat-wrapper .message-wrapper.story .time.note {
  right: -50%;
}
.chat-wrapper .private-message {
  background: #ccc;
  color: #fff;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  text-align: center;
  line-height: 30px;
  position: absolute;
  right: -10px;
  bottom: -10px;
}
.chat-wrapper .private-message .thumbnail {
  border-radius: 20px;
}
.chat-wrapper .private-message .sender-name {
  display: none;
}
.chat-wrapper .private-message:not(.default) .sender-name-shortcut {
  display: none;
}
.chat-wrapper .private-message.default .thumbnail {
  display: none;
}
.chat-wrapper .private-message .sender-name-shortcut {
  cursor: pointer;
  text-transform: uppercase;
}
.chat-wrapper .talk-date {
  font-weight: bold;
  font-size: 13px;
  color: #555;
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .chat-opened .chat-tab .chat-wrapper .talk-date {
    margin-top: 15px;
  }
}
.chat-wrapper .show-more-container {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.chat-wrapper .show-more {
  font-weight: 600;
  font-size: 12px;
  color: #dd5859;
  text-transform: uppercase;
}
.chat-wrapper .show-more:hover {
  color: #d5232f;
}
.app-container:not(.tag-customer) .chat-wrapper .payment-required:not(.public) .message.incoming {
  text-shadow: 0 0 0.8em rgba(0, 0, 0, 0.5);
  color: transparent;
  user-select: none;
}
.chat-wrapper .message {
  position: relative;
  display: inline-block;
  margin: 5px 13px 5px 12px;
  padding: 10px 20px;
  word-wrap: break-word;
  border-radius: 20px;
  max-width: 60%;
  text-align: left;
  vertical-align: middle;
}
.my-room.chat-wrapper .message.incoming:not(.public) {
  margin-right: 120px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .chat-wrapper .message {
    padding: 5px 18px;
  }
}
.chat-wrapper .message.smiles-only {
  padding: 5px 0;
}
.chat-wrapper .message .date {
  display: none;
  font-size: 10px;
  margin: 4px 5px -14px -15px;
  color: #aaa;
}
.chat-wrapper .message .time {
  display: none;
  width: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -1px;
}
@media (min-width: 1300px) {
  .role-promoter .chat-wrapper .message .time {
    display: block;
  }
}
.chat-wrapper .message .resend-link {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-bottom: none;
}
.chat-wrapper .message.datetime .date {
  display: block;
}
.chat-wrapper .message.sticker-container {
  padding: 0;
}
.room-mode.chat-wrapper .message.sticker-container {
  order: 0;
}
.chat-wrapper .message.sticker-container.animate:not(.room-mode) .chat-wrapper .message.sticker-container.animate {
  cursor: pointer;
  width: 180px;
  height: 180px;
}
.chat-wrapper .message.sticker-container.animate iframe {
  cursor: pointer;
}
.chat-wrapper .message.sticker-container.animate .cheer {
  cursor: default;
}
.chat-wrapper .message.favorite-container {
  padding: 0;
  margin: 10px 0;
}
.chat-wrapper .message .popup-control {
  display: none;
}
.chat-wrapper .message.incoming {
  float: left;
  transition: margin-top 0.25s;
}
.role-promoter .chat-wrapper .message.incoming .translate-toggler-wrapper,
.role-promoter .chat-wrapper .message.incoming .translate-toggler {
  display: block;
}
.chat-wrapper .message.outgoing {
  float: right;
}
.chat-wrapper .message.outgoing .seen-time {
  position: absolute;
  width: 200px;
  text-align: right;
  color: #717171;
  font-size: 12px;
  bottom: -18px;
  right: 12px;
}
.chat-wrapper .message.outgoing.is-seen {
  margin-bottom: 15px;
}
.chat-wrapper .message .message-text {
  line-height: 27px;
  z-index: 1;
  position: relative;
}
.chat-wrapper .message .message-text.translated {
  font-style: italic;
}
.chat-wrapper .message.smiles-only img.smile {
  height: 52px;
}
.chat-wrapper .full-letter .read-letter-button {
  display: none;
  margin: 10px 0;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .chat-wrapper .full-letter .read-letter-button {
    padding: 10px 15px;
  }
}
.chat-wrapper .full-letter .read-letter-link {
  display: none;
  position: relative;
  text-decoration: underline;
  cursor: pointer;
  z-index: 1;
}
.chat-wrapper .full-letter.incoming {
  margin-bottom: 35px;
}
.chat-wrapper .full-letter.incoming.paid {
  margin-bottom: 5px;
}
.chat-wrapper .full-letter.incoming.paid .read-letter-button {
  display: none;
}
.chat-wrapper .full-letter.incoming.paid .read-letter-link {
  display: inline;
}
.chat-wrapper .full-letter.incoming .read-letter-button {
  display: block;
}
.chat-wrapper .full-letter.outgoing .read-letter-link {
  display: inline;
}
.chat-wrapper .full-letter.loading .read-letter-button,
.chat-wrapper .full-letter.loading .read-letter-link {
  display: none;
}
.chat-wrapper .full-letter.loading .spinner {
  display: block;
  margin: 20px auto;
}
.chat-wrapper .seen-time .delivered {
  display: none;
}
.chat-wrapper .video-attachment,
.chat-wrapper .image-attachment {
  padding: 0;
  font-size: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  width: 100%;
  max-width: 215px;
}
.chat-wrapper .video-attachment .spinner,
.chat-wrapper .image-attachment .spinner,
.chat-wrapper .video-attachment .content,
.chat-wrapper .image-attachment .content {
  overflow: hidden;
  width: 100%;
  max-width: 215px;
  border-radius: 20px;
}
.chat-wrapper .video-attachment .progress-bar,
.chat-wrapper .image-attachment .progress-bar {
  top: 64px;
}
.chat-wrapper .video-attachment .content,
.chat-wrapper .image-attachment .content {
  width: 215px;
  height: 180px;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.chat-wrapper .video-attachment .content img,
.chat-wrapper .image-attachment .content img {
  cursor: pointer;
  height: 180px;
  max-width: 100%;
}
.chat-wrapper .video-attachment .content .loading-text,
.chat-wrapper .image-attachment .content .loading-text {
  color: #c8c8c8;
  padding: 120px 35px 0;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  font-size: 14px;
  position: absolute;
  display: none;
}
.chat-wrapper .video-attachment::after,
.chat-wrapper .image-attachment::after {
  content: " ";
  display: none;
  width: 94px;
  height: 102px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -47px;
  margin-top: -76px;
  background-image: url("/i/icons/lock.png?1");
}
.chat-wrapper .video-attachment:hover .view-attachment-button,
.chat-wrapper .image-attachment:hover .view-attachment-button {
  color: #fff !important;
  background-color: #ea4550;
}
.chat-wrapper .video-attachment .view-attachment-button,
.chat-wrapper .image-attachment .view-attachment-button {
  display: none;
  position: absolute;
  bottom: 32px;
  left: 50%;
  width: 140px;
  margin-left: -70px;
  text-transform: uppercase;
  z-index: 1;
}
.chat-wrapper .video-attachment .upload-error-button,
.chat-wrapper .image-attachment .upload-error-button {
  display: block;
}
.chat-wrapper .video-attachment .media-preview,
.chat-wrapper .image-attachment .media-preview {
  opacity: 0;
  transition: opacity 0.2s;
}
.chat-wrapper .video-attachment .progress-bar,
.chat-wrapper .image-attachment .progress-bar {
  display: none;
}
.chat-wrapper .video-attachment.loading:not(.processing) .spinner,
.chat-wrapper .image-attachment.loading:not(.processing) .spinner {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.chat-wrapper .video-attachment.loading:not(.processing) .player-control,
.chat-wrapper .image-attachment.loading:not(.processing) .player-control {
  display: none;
}
.chat-wrapper .video-attachment.processing .progress-bar,
.chat-wrapper .image-attachment.processing .progress-bar {
  display: block;
}
.chat-wrapper .video-attachment.processing .loading-text,
.chat-wrapper .image-attachment.processing .loading-text {
  display: block;
}
.chat-wrapper .video-attachment.processing .player-control,
.chat-wrapper .image-attachment.processing .player-control {
  display: none;
}
.chat-wrapper .video-attachment.loaded::after,
.chat-wrapper .image-attachment.loaded::after,
.chat-wrapper .video-attachment.loaded .view-attachment-button,
.chat-wrapper .image-attachment.loaded .view-attachment-button {
  display: block;
}
.chat-wrapper .video-attachment.loaded .media-preview,
.chat-wrapper .image-attachment.loaded .media-preview {
  opacity: 1;
}
.chat-wrapper .video-attachment.unavailable,
.chat-wrapper .image-attachment.unavailable {
  cursor: default;
}
.chat-wrapper .video-attachment.unavailable .progress-bar,
.chat-wrapper .image-attachment.unavailable .progress-bar {
  display: none;
}
.chat-wrapper .video-attachment.unavailable .loading-text,
.chat-wrapper .image-attachment.unavailable .loading-text {
  display: block;
  padding-top: 70px;
}
.chat-wrapper .video-attachment.unavailable.upload-error .loading-text,
.chat-wrapper .image-attachment.unavailable.upload-error .loading-text {
  padding-top: 40px;
}
.chat-wrapper .video-attachment.unavailable.upload-error .message-icons,
.chat-wrapper .image-attachment.unavailable.upload-error .message-icons {
  opacity: 1;
}
.chat-wrapper .video-attachment.unavailable.upload-error .upload-error-button,
.chat-wrapper .image-attachment.unavailable.upload-error .upload-error-button {
  display: block;
  margin-top: 112px;
  text-align: center;
}
.chat-wrapper .video-attachment.unavailable.upload-error .upload-error-button .button,
.chat-wrapper .image-attachment.unavailable.upload-error .upload-error-button .button {
  text-transform: uppercase;
  cursor: pointer !important;
}
.chat-wrapper .video-attachment.unavailable.upload-error .upload-error-button .button.mobile-button,
.chat-wrapper .image-attachment.unavailable.upload-error .upload-error-button .button.mobile-button {
  display: none;
}
@media (max-width: 480px) {
  .chat-wrapper .video-attachment.unavailable.upload-error .upload-error-button .button,
  .chat-wrapper .image-attachment.unavailable.upload-error .upload-error-button .button {
    display: none;
  }
  .chat-wrapper .video-attachment.unavailable.upload-error .upload-error-button .button.mobile-button,
  .chat-wrapper .image-attachment.unavailable.upload-error .upload-error-button .button.mobile-button {
    display: inline-block;
  }
}
.chat-wrapper .video-attachment.unavailable.upload-error .upload-error-button .upload-again .popup,
.chat-wrapper .image-attachment.unavailable.upload-error .upload-error-button .upload-again .popup {
  right: 5px;
  left: auto;
}
.chat-wrapper .video-attachment.unavailable.upload-error .upload-error-button .upload-again .popup .button,
.chat-wrapper .image-attachment.unavailable.upload-error .upload-error-button .upload-again .popup .button {
  padding: 15px 15px 15px 43px;
}
.chat-wrapper .video-attachment.unavailable.upload-error .upload-error-button .upload-again .popup .button::before,
.chat-wrapper .image-attachment.unavailable.upload-error .upload-error-button .upload-again .popup .button::before {
  left: 1em;
}
.chat-wrapper .video-attachment.paid .view-attachment-button,
.chat-wrapper .image-attachment.paid .view-attachment-button {
  display: none;
}
.chat-wrapper .video-attachment.paid::after,
.chat-wrapper .image-attachment.paid::after {
  display: none;
}
.chat-wrapper .chat-list-wrapper .video-attachment,
.chat-wrapper .chat-list-wrapper .image-attachment {
  font-size: 12px;
  max-width: 100%;
}
.chat-wrapper .chat-list-wrapper .counter {
  font-size: 12px;
}
.chat-wrapper .video-attachment:not(.paid) .player-control {
  display: none;
}
.chat-wrapper .video-attachment:not(.paid) img:not(.avatar) {
  filter: blur(13px);
}
.chat-wrapper .video-attachment.paid .player-control {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.chat-wrapper .call-missed {
  max-width: 215px;
}
.chat-wrapper .call-missed button {
  display: block;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
}
.chat-wrapper .letter-notification {
  width: 290px;
}
.chat-wrapper .letter-notification .message-icons {
  opacity: 1;
}
.chat-wrapper .letter-notification .message-text {
  white-space: pre-wrap;
}
.chat-wrapper .letter-notification .seen-time .delivered {
  display: inline;
}
.chat-wrapper .letter-notification .seen-time .read {
  display: none;
}
.chat-wrapper .letter-notification .letter-cover {
  background-size: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
  border-radius: 20px;
  background-position: 0 26%;
}
.present .chat-wrapper .letter-notification .letter-cover {
  background-position: 50% 30%;
  opacity: 1;
}
.chat-wrapper .letter-notification.outgoing .message-text {
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
}
.chat-wrapper .delivered .letter-notification.outgoing .success-letter {
  display: block;
  position: absolute;
  width: 250px;
  text-align: right;
  color: #717171;
  font-size: 12px;
  bottom: -18px;
  right: 12px;
}
.chat-wrapper .typing-animation {
  display: block;
  width: 28px;
  height: 22px;
  background: url('/i/chat/typing.gif?1') no-repeat center;
  background-size: 28px 8px;
}
.chat-wrapper .undelivered .message:not(.cheer-container) {
  opacity: 0.5;
  transition: opacity 0.25s;
}
.chat-wrapper .undelivered .cheer {
  opacity: 0.5;
  transition: opacity 0.25s;
}
.chat-wrapper .undelivered .letter-notification::after {
  display: none;
}
.chat-wrapper .undelivered .letter-notification .attachment-letter-icon {
  display: none;
}
.chat-wrapper .undelivered .private-icon {
  display: none;
}
.chat-wrapper .undelivered .undelivered-icon {
  width: 16px;
  opacity: 1;
}
.chat-wrapper .undelivered .resend-link {
  display: inline-block;
}
.chat-wrapper.room-mode .message-icons {
  opacity: 1;
}
.chat-wrapper.room-mode .message-icons {
  opacity: 1;
}
.chat-wrapper .message-icons {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.chat-wrapper .message-icons.incoming {
  right: -36px;
  padding-left: 8px;
  padding-right: 8px;
  left: auto;
}
.chat-wrapper .message-icons.outgoing {
  right: auto;
  padding-left: 8px;
  padding-right: 8px;
  left: -36px;
}
.chat-wrapper .info-icon svg {
  height: 20px;
  width: 100%;
  fill: #ccc;
}
.chat-wrapper .message-icons i {
  margin-bottom: 9px;
}
.chat-wrapper .message-icons i:last-child {
  margin-bottom: 0;
}
.chat-wrapper .attachment-letter-icon {
  position: relative;
  display: inline-block;
  transition: opacity 0.25s ease;
}
.chat-wrapper .attachment-letter-icon svg {
  height: 16px;
  width: 100%;
  display: block;
  fill-rule: evenodd;
  fill: #ccc;
}
.chat-wrapper .attachment-letter-icon.cheer svg {
  height: 20px;
}
.chat-wrapper i.onhover {
  opacity: 0;
}
.chat-wrapper i.onhover.hover {
  opacity: 1;
}
.chat-wrapper .admin-icon {
  position: relative;
  display: none;
  vertical-align: middle;
}
.chat-wrapper .admin-icon svg {
  max-height: 18px;
  max-width: 16px;
  display: block;
}
.chat-wrapper .fan-icon {
  position: relative;
  display: none;
  vertical-align: middle;
  fill: #ffc400;
}
.chat-wrapper .fan-icon svg {
  max-height: 8px;
  max-width: 8px;
  display: block;
}
.fullscreened.chat-wrapper .message:not(.balloon) {
  fill: #fff;
  color: #fff;
}
.chat-wrapper .username {
  display: inline-block;
  vertical-align: middle;
}
.room-mode.chat-wrapper .private-answer,
.room-mode.chat-wrapper .send-call-invitation {
  display: inline-block;
  border-radius: 50%;
  padding: 11px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-bottom: none;
  font-size: 0;
  margin-top: -10px;
}
.room-mode.chat-wrapper .private-answer svg,
.room-mode.chat-wrapper .send-call-invitation svg {
  fill: #fff;
  height: 20px;
  width: 20px;
  display: block;
  margin: 0;
}
.chat-wrapper .private-icon,
.chat-wrapper .user-block {
  position: relative;
  display: inline-block;
}
.chat-wrapper .private-icon svg,
.chat-wrapper .user-block svg {
  height: 20px;
  width: 100%;
  display: block;
  fill-rule: evenodd;
  fill: #ccc;
}
.chat-wrapper .user-block {
  display: none;
}
.my-room.chat-wrapper .incoming .user-block,
.role-streams-operator .chat-wrapper .user-block {
  display: inline-block;
}
.chat-wrapper .user-block {
  cursor: pointer;
}
.chat-wrapper .user-block svg:hover {
  fill: #cc0000;
}
.chat-wrapper .user-block svg {
  height: 16px;
}
.chat-wrapper .message-cheer {
  font-size: 14px;
  line-height: 16px;
  margin: 0 -100px 0 0;
}
.chat-wrapper .undelivered-icon {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 16px;
  top: 50%;
  left: -26px;
  background: url('/i/loader.gif?1') no-repeat;
  vertical-align: middle;
  margin-top: -8px;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.chat-wrapper .undelivered-icon.incoming {
  float: left;
}
.chat-wrapper .undelivered-icon.outgoing {
  float: right;
}
.unauthorized .chat-wrapper .messenger {
  display: none;
}
.unauthorized .chat-wrapper .message {
  float: none;
  opacity: 0.5;
  transition: opacity 0.25s;
}
.unauthorized .chat-wrapper .undelivered-icon {
  margin-top: 24px;
  background: url(/i/preloader-white-16.gif?1) no-repeat;
  width: 24px;
  opacity: 1;
}
.chat-wrapper .edit {
  position: relative;
  margin-left: -24px;
  font-size: 0;
  line-height: normal;
}
.chat-wrapper .edit .field-wrapper,
.chat-wrapper .edit .button-wrapper,
.chat-wrapper .edit .languages {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  padding-bottom: 0;
  font-size: 16px;
  letter-spacing: normal;
}
.chat-wrapper .edit .field-wrapper {
  width: 28%;
}
.chat-wrapper .edit .edit-mode {
  background: #ffd;
}
.chat-wrapper .edit .languages .field-wrapper {
  margin-right: 0;
}
.chat-wrapper .edit .button-wrapper {
  margin: 0 0 0 3px !important;
  vertical-align: top;
}
.chat-wrapper .edit .data {
  font-size: 0.8em;
}
.chat-wrapper .edit select,
.chat-wrapper .edit input::-webkit-input-placeholder {
  color: #717171;
}
.chat-wrapper .edit option {
  color: #222;
}
.chat-wrapper .edit option:first-child {
  color: #717171;
}
.chat-wrapper .edit .languages {
  width: 57%;
}
.chat-wrapper .edit .languages .field-wrapper {
  width: 49%;
}
.chat-wrapper .messages,
.send-letter-wrapper .messages {
  height: 100%;
}
@media (max-width: 1160px) and (min-width: 768px) {
  .stickers-popup-opened :not(.room-mode).chat-wrapper .messages,
  .stickers-popup-opened :not(.room-mode).send-letter-wrapper .messages {
    height: calc(100% - 280px);
  }
}
@media (max-width: 480px) {
  .stickers-popup-opened :not(.room-mode).chat-wrapper .messages,
  .stickers-popup-opened :not(.room-mode).send-letter-wrapper .messages {
    height: calc(100% - 205px);
    padding-bottom: 0;
  }
  .stickers-popup-opened :not(.room-mode).chat-wrapper .messages .message-log,
  .stickers-popup-opened :not(.room-mode).send-letter-wrapper .messages .message-log {
    padding-bottom: 20px;
  }
}
@media (max-width: 400px) {
  .stickers-popup-opened :not(.room-mode).chat-wrapper .messages,
  .stickers-popup-opened :not(.room-mode).send-letter-wrapper .messages {
    height: calc(100% - 140px);
    padding-bottom: 0;
  }
  :not(.room-mode).chat-wrapper .messages .message-log,
  :not(.room-mode).send-letter-wrapper .messages .message-log {
    padding-bottom: 20px;
  }
}
.chat-wrapper .messages.chat-blocked,
.send-letter-wrapper .messages.chat-blocked {
  padding-bottom: 150px;
  box-sizing: border-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: border-box;
}
@supports (-ms-accelerator:true) {
  .chat-wrapper .messages.chat-blocked,
  .send-letter-wrapper .messages.chat-blocked {
    box-sizing: border-box;
  }
}
@supports (-ms-ime-align: auto) {
  .chat-wrapper .messages.chat-blocked,
  .send-letter-wrapper .messages.chat-blocked {
    box-sizing: border-box;
  }
}
.chat-wrapper .chat-box,
.send-letter-wrapper .chat-box {
  height: 100%;
  display: table-row;
}
.chat-wrapper .chat-box .chat-cell,
.send-letter-wrapper .chat-box .chat-cell {
  display: table-cell;
  height: 100%;
}
.chat-wrapper .message,
.send-letter-wrapper .message {
  transition: margin-bottom ease-in 200ms;
}
.chat-wrapper .message.more,
.send-letter-wrapper .message.more {
  margin-bottom: 60px !important;
}
.chat-wrapper .menu-block,
.send-letter-wrapper .menu-block {
  position: absolute;
  right: 40px;
  top: 18px;
  z-index: 1;
  text-align: left;
}
.chat-wrapper .menu-block .popup::after,
.send-letter-wrapper .menu-block .popup::after {
  display: none;
}
.chat-wrapper .menu-block .complain-tip.popup.top,
.send-letter-wrapper .menu-block .complain-tip.popup.top {
  right: 0;
  margin-top: -5px;
  margin-right: 1px;
  box-shadow: none;
  background-color: #fff;
  border: none;
  border-radius: 10px;
  padding: 0;
}
.chat-wrapper .menu-block .list-container,
.send-letter-wrapper .menu-block .list-container {
  padding: 0;
  margin: 0;
}
.chat-wrapper .menu-block ul,
.send-letter-wrapper .menu-block ul {
  list-style: none;
}
.chat-wrapper .menu-block .list-item,
.send-letter-wrapper .menu-block .list-item {
  display: block;
  font-size: 12px !important;
  color: #717171;
  white-space: nowrap;
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.25s;
}
.chat-wrapper .menu-block .list-item:hover,
.send-letter-wrapper .menu-block .list-item:hover {
  background-color: #f5704c;
  color: #fff;
}
.chat-wrapper .menu-block .list-item.first,
.send-letter-wrapper .menu-block .list-item.first {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.chat-wrapper .menu-block .list-item.last,
.send-letter-wrapper .menu-block .list-item.last {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.chat-wrapper .menu-block.opened .complain-area .circle,
.send-letter-wrapper .menu-block.opened .complain-area .circle {
  background-color: #666;
}
.chat-wrapper .menu-block .complain-area,
.send-letter-wrapper .menu-block .complain-area {
  display: block;
  cursor: pointer;
  width: 40px;
  height: 20px;
  text-align: center;
  font-size: 11px;
}
.chat-wrapper .menu-block .complain-area:hover .circle,
.send-letter-wrapper .menu-block .complain-area:hover .circle {
  background-color: #666;
}
.chat-wrapper .menu-block .complain-area .circle,
.send-letter-wrapper .menu-block .complain-area .circle {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #999;
  display: inline-block;
  transition: background-color 0.25s;
}
.chat-wrapper .menu-block .sound .disabled,
.send-letter-wrapper .menu-block .sound .disabled {
  display: none;
}
.chat-wrapper .menu-block .sound.disabled .disabled,
.send-letter-wrapper .menu-block .sound.disabled .disabled {
  display: inline-block;
}
.chat-wrapper .menu-block .sound.disabled .enabled,
.send-letter-wrapper .menu-block .sound.disabled .enabled {
  display: none;
}
.chat-wrapper.fullscreened .menu-block,
.send-letter-wrapper.fullscreened .menu-block {
  right: 60px;
}
.chat-wrapper.incoming .popup-control,
.send-letter-wrapper.incoming .popup-control {
  top: auto;
  padding: 0;
  bottom: 4px;
  position: absolute;
  right: 7px;
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid #323232;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent;
}
.chat-wrapper .notices-container,
.send-letter-wrapper .notices-container {
  padding: 0;
  margin: 0 15px;
  z-index: 15;
}
.letter-tab .chat-wrapper .notices-container,
.letter-tab .send-letter-wrapper .notices-container {
  display: none;
}
.chat-wrapper .notices-container .notices.popup.bottom,
.send-letter-wrapper .notices-container .notices.popup.bottom {
  width: 100%;
  box-sizing: border-box;
  background: none;
  box-shadow: none;
  margin-bottom: 10px;
  text-align: center;
  border: none;
}
.chat-wrapper .notices-container .notices.popup.bottom::after,
.send-letter-wrapper .notices-container .notices.popup.bottom::after {
  display: none;
}
.chat-wrapper .notices-container .notices.popup.bottom .approve,
.send-letter-wrapper .notices-container .notices.popup.bottom .approve {
  min-width: 210px;
  height: 40px;
  box-sizing: border-box;
}
.application-container:not(.role-promoter) .chat-wrapper .notices-container .system-message .message-wrapper.fan,
.application-container:not(.role-promoter) .send-letter-wrapper .notices-container .system-message .message-wrapper.fan {
  display: none;
}
.chat-wrapper .system-message,
.send-letter-wrapper .system-message {
  padding: 1em 2em;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
  box-shadow: 0 3px 10px 0 rgba(231, 231, 231, 0.7);
}
.chat-wrapper .system-message .phrase,
.send-letter-wrapper .system-message .phrase {
  margin: 1em 0;
  font-size: 18px;
}
.chat-wrapper .system-message .phrases .phrase,
.send-letter-wrapper .system-message .phrases .phrase {
  display: none;
}
.chat-wrapper .system-message .phrases.purchase20 .purchase20,
.send-letter-wrapper .system-message .phrases.purchase20 .purchase20,
.chat-wrapper .system-message .phrases.purchase160 .purchase160,
.send-letter-wrapper .system-message .phrases.purchase160 .purchase160,
.chat-wrapper .system-message .phrases.purchase1000 .purchase1000,
.send-letter-wrapper .system-message .phrases.purchase1000 .purchase1000,
.chat-wrapper .system-message .phrases.become .become,
.send-letter-wrapper .system-message .phrases.become .become,
.chat-wrapper .system-message .phrases.extend .extend,
.send-letter-wrapper .system-message .phrases.extend .extend,
.chat-wrapper .system-message .phrases.refill .refill,
.send-letter-wrapper .system-message .phrases.refill .refill {
  display: block;
}
.chat-wrapper .system-message .cancel,
.send-letter-wrapper .system-message .cancel {
  font-size: 14px;
  border-bottom: none;
}
.chat-wrapper .system-message.finance-group,
.send-letter-wrapper .system-message.finance-group {
  bottom: 1px;
}
.chat-wrapper .system-message .message-wrapp,
.send-letter-wrapper .system-message .message-wrapp {
  padding-bottom: 60px;
}
.chat-wrapper .system-message .gender-mal .mal,
.send-letter-wrapper .system-message .gender-mal .mal {
  display: inline;
}
.chat-wrapper .system-message .gender-mal .fem,
.send-letter-wrapper .system-message .gender-mal .fem {
  display: none;
}
.chat-wrapper .system-message .gender-fem .fem,
.send-letter-wrapper .system-message .gender-fem .fem {
  display: inline;
}
.chat-wrapper .system-message .gender-fem .mal,
.send-letter-wrapper .system-message .gender-fem .mal {
  display: none;
}
.chat-wrapper .system-message.success,
.send-letter-wrapper .system-message.success {
  background: #e2ffcc;
}
.chat-wrapper .system-message .complete-info,
.send-letter-wrapper .system-message .complete-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #e2ffcc;
}
.chat-wrapper .system-message .complete-info p,
.send-letter-wrapper .system-message .complete-info p {
  margin: 0;
  padding: 10px 20px 10px 30px;
  font-size: 12px;
  font-weight: bold;
}
.chat-wrapper .system-message .complete-info::before,
.send-letter-wrapper .system-message .complete-info::before {
  display: block;
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 16px;
  height: 16px;
  background: url('/i/spritesheet.png?9') no-repeat 0 -278px;
}
.chat-wrapper .system-message .button,
.send-letter-wrapper .system-message .button {
  text-transform: uppercase;
}
.application-container:not(.role-promoter) .chat-wrapper .message-wrapper.co-stream-message,
.application-container:not(.role-promoter) .send-letter-wrapper .message-wrapper.co-stream-message {
  display: none;
}
.toolbar-panel {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
}
.toolbar-panel .cheers-button {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -18px;
  margin-right: 77px;
  padding: 0 8px;
  z-index: 1;
  background-color: transparent;
}
@media (max-width: 480px) {
  .toolbar-panel .cheers-button {
    margin-right: 10px;
  }
}
@media (max-width: 480px) {
  .toolbar-panel .cheers-button.cheers-button-liveroom {
    margin-right: 80px;
  }
}
.my-room .toolbar-panel .cheers-button {
  display: none;
}
.role-promoter .toolbar-panel .cheers-button,
.role-streams-operator .toolbar-panel .cheers-button,
.support-team .toolbar-panel .cheers-button {
  display: none;
}
.toolbar-panel .cheers-button .popup-container.opened .button .cheer {
  position: absolute;
  right: -9999px;
  opacity: 0;
}
.toolbar-panel .cheers-button .popup-container.opened .button .cheer.opened {
  position: static;
  right: 0;
  opacity: 1;
}
@media (min-width: 768px) {
  .toolbar-panel .cheers-button {
    visibility: hidden;
    width: 0;
    padding: 0;
  }
}
.toolbar-panel .cheers-button:hover .cheer {
  position: absolute;
  right: -9999px;
  opacity: 0;
}
.toolbar-panel .cheers-button:hover .cheer.opened {
  position: static;
  right: 0;
  opacity: 1;
}
.toolbar-panel .cheers-button .cheer {
  display: block;
  width: 20px;
  height: 25px;
  transition: none;
}
.toolbar-panel .cheers-button .cheer.opened {
  position: absolute;
  right: -9999px;
  opacity: 0;
}
.toolbar-panel .cheers-button svg {
  display: block;
  width: 20px;
  height: 25px;
}
@media (max-width: 950px) {
  .toolbar-panel .cheers-container .popup {
    right: 0;
  }
  .toolbar-panel .cheers-container .popup::after {
    right: 14px;
  }
}
.toolbar-panel .cheers-container .popup.cheers-panel {
  display: block;
  right: -9999px;
  bottom: 42px;
  height: 54vh;
  width: calc((100vw - 324px)/2 - 4px);
  max-width: calc(620px - 14px);
  min-width: 280px;
  max-height: 330px;
  padding: 0;
  margin: 0 auto;
  border: none;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px 10px 0 0;
  transition: opacity 0.25s, bottom 0.25s;
}
.cheers-popup-opened .toolbar-panel .cheers-container .popup.cheers-panel {
  right: -77px;
  bottom: 47px;
}
@media (max-width: 950px) {
  .toolbar-panel .cheers-container .popup.cheers-panel {
    width: calc((100vw - 60px)/2 - 4px);
  }
}
@media (max-width: 767px) {
  .toolbar-panel .cheers-container .popup.cheers-panel {
    width: calc(100vw - 4px);
    max-width: inherit;
  }
}
@media (max-width: 480px) {
  .toolbar-panel .cheers-container .popup.cheers-panel {
    width: 100vw;
    max-height: 265px;
  }
}
@media (max-width: 400px) {
  .toolbar-panel .cheers-container .popup.cheers-panel {
    max-height: 200px;
  }
}
.toolbar-panel .cheers-container .popup.cheers-panel::before {
  content: '';
  display: block;
  width: 100%;
}
.toolbar-panel .cheers-container .popup.cheers-panel::after {
  display: none;
}
.toolbar-panel .cheers-container .smiles-panel {
  position: relative;
  height: 100%;
}
.toolbar-panel .send-message {
  position: absolute;
  right: 1px;
  bottom: 1px;
  box-sizing: border-box;
  padding-right: 0;
  padding-left: 0;
  height: 55px;
  width: 67px;
  border-radius: 0 0 10px 0;
  text-transform: uppercase;
  box-shadow: none;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .toolbar-panel .send-message {
    display: none;
  }
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .room-mode .toolbar-panel .send-message {
    display: block;
  }
}
@media (max-width: 768px) {
  .room-mode .toolbar-panel .send-message {
    border-radius: 0;
    bottom: -1px;
    height: 57px;
  }
}
.toolbar-panel .smiles {
  float: left;
  padding: 14px;
}
.toolbar-panel .translate-toggler {
  text-transform: uppercase;
  position: absolute;
  top: 17px;
  right: 80px;
  display: none;
  cursor: pointer;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .toolbar-panel .translate-toggler {
    right: 10px;
  }
}
.room-mode .toolbar-panel .translate-toggler {
  right: 82px;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .room-mode .toolbar-panel .translate-toggler {
    right: 82px;
  }
}
.role-promoter .toolbar-panel .translate-toggler {
  display: block;
}
.toolbar-panel .translate-toggler.processing {
  visibility: hidden;
}
.toolbar-panel .translate-toggler.processing::after {
  content: ' ';
  opacity: 1;
  display: block;
  visibility: visible;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url(/i/preloader-white-16.gif?1) center center no-repeat;
  z-index: 2;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .toolbar-panel .translate-toggler {
    top: 8px;
  }
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .room-mode .toolbar-panel .translate-toggler {
    top: 17px;
  }
}
.chat-wrapper .menu-wrapper,
.send-letter-wrapper .menu-wrapper {
  display: table-row;
}
.chat-wrapper .menu-wrapper .menu-wrapper-inner,
.send-letter-wrapper .menu-wrapper .menu-wrapper-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-height: 640px) {
  .my-room.chat-wrapper .menu-wrapper,
  .my-room.send-letter-wrapper .menu-wrapper {
    visibility: hidden;
    float: left;
    position: absolute;
    left: 0;
    right: 0;
  }
  .my-room.chat-wrapper .menu-wrapper .stream-private-list,
  .my-room.send-letter-wrapper .menu-wrapper .stream-private-list {
    bottom: 57px;
    visibility: visible;
  }
}
.chat-wrapper .menu-wrapper .cheers-wrapper,
.send-letter-wrapper .menu-wrapper .cheers-wrapper {
  order: 0;
}
.role-promoter .chat-wrapper .menu-wrapper .cheers-wrapper,
.role-promoter .send-letter-wrapper .menu-wrapper .cheers-wrapper,
.role-curator .chat-wrapper .menu-wrapper .cheers-wrapper,
.role-curator .send-letter-wrapper .menu-wrapper .cheers-wrapper,
.role-commissions-operator .chat-wrapper .menu-wrapper .cheers-wrapper,
.role-commissions-operator .send-letter-wrapper .menu-wrapper .cheers-wrapper,
.role-streams-operator .chat-wrapper .menu-wrapper .cheers-wrapper,
.role-streams-operator .send-letter-wrapper .menu-wrapper .cheers-wrapper,
.support-team .chat-wrapper .menu-wrapper .cheers-wrapper,
.support-team .send-letter-wrapper .menu-wrapper .cheers-wrapper,
.room-mode.my-room.chat-wrapper .menu-wrapper .cheers-wrapper,
.room-mode.my-room.send-letter-wrapper .menu-wrapper .cheers-wrapper {
  display: none;
}
.chat-wrapper .menu-wrapper .menu-panel,
.send-letter-wrapper .menu-wrapper .menu-panel {
  z-index: 17;
  order: 1;
}
.chat-wrapper .menu-wrapper .messenger,
.send-letter-wrapper .menu-wrapper .messenger {
  order: 2;
}
@media (max-width: 1160px) and (min-width: 768px) {
  .stickers-popup-opened.chat-tab .chat-wrapper:not(.room-mode) .menu-wrapper .messenger,
  .stickers-popup-opened.chat-tab .send-letter-wrapper:not(.room-mode) .menu-wrapper .messenger {
    bottom: 330px;
  }
  .stickers-popup-opened.chat-tab .chat-wrapper:not(.room-mode) .menu-wrapper .menu-panel,
  .stickers-popup-opened.chat-tab .send-letter-wrapper:not(.room-mode) .menu-wrapper .menu-panel {
    position: relative;
    bottom: 330px;
  }
}
@media (max-width: 480px) {
  .stickers-popup-opened.chat-tab .chat-wrapper:not(.room-mode) .menu-wrapper .messenger,
  .stickers-popup-opened.chat-tab .send-letter-wrapper:not(.room-mode) .menu-wrapper .messenger {
    bottom: 265px;
  }
  .stickers-popup-opened.chat-tab .chat-wrapper:not(.room-mode) .menu-wrapper .menu-panel,
  .stickers-popup-opened.chat-tab .send-letter-wrapper:not(.room-mode) .menu-wrapper .menu-panel {
    position: relative;
    bottom: 265px;
  }
}
@media (max-width: 400px) {
  .stickers-popup-opened.chat-tab .chat-wrapper:not(.room-mode) .menu-wrapper .messenger,
  .stickers-popup-opened.chat-tab .send-letter-wrapper:not(.room-mode) .menu-wrapper .messenger {
    bottom: 200px;
  }
  .stickers-popup-opened.chat-tab .chat-wrapper:not(.room-mode) .menu-wrapper .menu-panel,
  .stickers-popup-opened.chat-tab .send-letter-wrapper:not(.room-mode) .menu-wrapper .menu-panel {
    position: relative;
    bottom: 200px;
  }
}
.chat-wrapper .menu-wrapper .loading-progress,
.send-letter-wrapper .menu-wrapper .loading-progress {
  background-color: #f3f3f3;
  border: 0;
  border-radius: 3px 3px 0 0;
  box-sizing: border-box;
  width: 100%;
  display: block;
  height: 3px;
  transition: opacity 0.3s;
  overflow: hidden;
}
.chat-wrapper .menu-wrapper .loading-progress::-webkit-progress-bar,
.send-letter-wrapper .menu-wrapper .loading-progress::-webkit-progress-bar {
  background-color: #f3f3f3;
  border-radius: 3px 3px 0 0;
}
.chat-wrapper .menu-wrapper .loading-progress::-webkit-progress-value,
.send-letter-wrapper .menu-wrapper .loading-progress::-webkit-progress-value {
  background: #d55e61;
  background: -moz-linear-gradient(top, #d55e61 0%, #d55e61 100%);
  background: -webkit-linear-gradient(top, #d55e61 0%, #d55e61 100%);
  background: linear-gradient(to bottom, #d55e61 0%, #d55e61 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d55e61', endColorstr='#d55e61', GradientType=0);
  /* IE6-9 */
}
.chat-wrapper .menu-wrapper .loading-progress::-moz-progress-bar,
.send-letter-wrapper .menu-wrapper .loading-progress::-moz-progress-bar {
  background: #d55e61;
  background: -moz-linear-gradient(top, #d55e61 0%, #d55e61 100%);
  background: -webkit-linear-gradient(top, #d55e61 0%, #d55e61 100%);
  background: linear-gradient(to bottom, #d55e61 0%, #d55e61 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d55e61', endColorstr='#d55e61', GradientType=0);
  /* IE6-9 */
}
.chat-wrapper .menu-wrapper .loading-progress:not([value]),
.send-letter-wrapper .menu-wrapper .loading-progress:not([value]) {
  display: none;
}
.chat-wrapper .cheers-wrapper,
.send-letter-wrapper .cheers-wrapper,
.chat-wrapper .menu-panel,
.send-letter-wrapper .menu-panel,
.chat-wrapper .messenger,
.send-letter-wrapper .messenger {
  width: 100%;
}
.chat-wrapper .messenger,
.send-letter-wrapper .messenger {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0 5px 5px;
}
.room-mode.chat-wrapper .messenger,
.room-mode.send-letter-wrapper .messenger {
  margin: 0;
}
@media (max-width: 1160px) {
  .chat-wrapper .messenger,
  .send-letter-wrapper .messenger {
    margin: 0;
  }
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .chat-tab :not(.room-mode).chat-wrapper .messenger,
  .chat-tab :not(.room-mode).send-letter-wrapper .messenger {
    position: relative;
  }
}
.chat-wrapper .messenger .drag-hover-text,
.send-letter-wrapper .messenger .drag-hover-text {
  display: none;
}
.chat-wrapper .messenger .attachments-wrapper,
.send-letter-wrapper .messenger .attachments-wrapper {
  height: 100%;
}
.room-mode.chat-wrapper .messenger .attachments-wrapper,
.room-mode.send-letter-wrapper .messenger .attachments-wrapper {
  display: none;
}
.drag-hover .chat-wrapper .messenger .attachments-wrapper .drag-hover-text,
.drag-hover .send-letter-wrapper .messenger .attachments-wrapper .drag-hover-text {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -11px;
  text-align: center;
  width: 100%;
  z-index: 3;
  font-size: 16px;
  color: #ccc;
}
.drag-hover .chat-wrapper .messenger .attachments-wrapper::after,
.drag-hover .send-letter-wrapper .messenger .attachments-wrapper::after {
  content: ' ';
  display: block;
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  top: 0;
  left: 0;
  border: 3px dashed #ebebeb;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 5px;
  z-index: 2;
  background: #fff url("/i/icons/upload.png?1") no-repeat;
  background-position: calc(50% - 105px) 50%;
}
.chat-wrapper .messenger .attachments-wrapper.drag-hover .drag-hover-text,
.send-letter-wrapper .messenger .attachments-wrapper.drag-hover .drag-hover-text {
  color: #aaa;
}
.chat-wrapper .messenger .attachments-wrapper.drag-hover::after,
.send-letter-wrapper .messenger .attachments-wrapper.drag-hover::after {
  background-image: url("/i/icons/upload-hover.png?1");
  border-color: #cbcbcb;
}
.chat-wrapper .messenger .attachments,
.send-letter-wrapper .messenger .attachments {
  font-size: 0;
  position: relative;
  height: 110px;
  padding: 6px 18px 0;
  background-color: #fff;
  overflow: auto;
}
.drag-hover .chat-wrapper .messenger .attachments,
.drag-hover .send-letter-wrapper .messenger .attachments {
  display: block !important;
}
.chat-wrapper .messenger .attachments .attachment-wrapper,
.send-letter-wrapper .messenger .attachments .attachment-wrapper {
  height: 100px;
  max-width: 100px;
  margin-right: 10px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.chat-wrapper .messenger .attachments .attachment-wrapper.error,
.send-letter-wrapper .messenger .attachments .attachment-wrapper.error {
  background-color: #cc0000;
}
.chat-wrapper .messenger .attachments .attachment-wrapper.error .attachment,
.send-letter-wrapper .messenger .attachments .attachment-wrapper.error .attachment {
  opacity: 0.5;
}
.chat-wrapper .messenger .attachments .attachment-wrapper .player-control,
.send-letter-wrapper .messenger .attachments .attachment-wrapper .player-control {
  border-radius: 5px;
  overflow: hidden;
}
.chat-wrapper .messenger .attachments .attachment-wrapper .player-control > .time-line,
.send-letter-wrapper .messenger .attachments .attachment-wrapper .player-control > .time-line {
  padding: 0 8px;
}
.chat-wrapper .messenger .attachments .attachment-wrapper .player-control > .time-line > .control,
.send-letter-wrapper .messenger .attachments .attachment-wrapper .player-control > .time-line > .control,
.chat-wrapper .messenger .attachments .attachment-wrapper .player-control > .time-line > .line,
.send-letter-wrapper .messenger .attachments .attachment-wrapper .player-control > .time-line > .line {
  visibility: hidden;
}
.chat-wrapper .messenger .attachments .attachment-wrapper.loading .progress,
.send-letter-wrapper .messenger .attachments .attachment-wrapper.loading .progress {
  display: inline-block;
}
.chat-wrapper .messenger .attachments .attachment-wrapper.loading .attachment,
.send-letter-wrapper .messenger .attachments .attachment-wrapper.loading .attachment {
  opacity: 0;
}
.chat-wrapper .messenger .attachments .attachment-wrapper.loading .delete,
.send-letter-wrapper .messenger .attachments .attachment-wrapper.loading .delete {
  display: none;
}
.chat-wrapper .messenger .attachments .attachment-wrapper.loading .spinner,
.send-letter-wrapper .messenger .attachments .attachment-wrapper.loading .spinner {
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: auto;
  margin-top: 0;
  border-radius: 20px;
}
.chat-wrapper .messenger .attachments .attachment-wrapper.loading .player-control > .control,
.send-letter-wrapper .messenger .attachments .attachment-wrapper.loading .player-control > .control {
  display: none;
}
.chat-wrapper .messenger .attachments .delete,
.send-letter-wrapper .messenger .attachments .delete {
  opacity: 1;
  top: 0;
  right: 0;
  margin-top: 0;
}
.chat-wrapper .messenger .attachments .cross,
.send-letter-wrapper .messenger .attachments .cross {
  color: #fff;
}
.chat-wrapper .messenger .attachments .cheer-attachment,
.send-letter-wrapper .messenger .attachments .cheer-attachment,
.chat-wrapper .messenger .attachments .photo-attachment,
.send-letter-wrapper .messenger .attachments .photo-attachment,
.chat-wrapper .messenger .attachments .video-attachment,
.send-letter-wrapper .messenger .attachments .video-attachment {
  max-height: 100px;
  margin-left: 0 !important;
  width: 100px;
  height: 100px;
  border-radius: 10px;
}
.chat-wrapper .messenger .attachments .cheer-attachment,
.send-letter-wrapper .messenger .attachments .cheer-attachment {
  cursor: initial;
}
.chat-wrapper .messenger .attachments .progress,
.send-letter-wrapper .messenger .attachments .progress {
  position: absolute;
  bottom: 10px;
  left: 5px;
  width: calc(100% - 10px);
  height: 10px;
  display: none;
}
.chat-wrapper .messenger .attachments .status,
.send-letter-wrapper .messenger .attachments .status {
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 480px) {
  .chat-wrapper .messenger .attachments,
  .send-letter-wrapper .messenger .attachments {
    padding: 2px 11px 0;
  }
}
@media (max-width: 400px) {
  .chat-wrapper .messenger .attachments,
  .send-letter-wrapper .messenger .attachments {
    border: none;
  }
}
.chat-wrapper .messenger input#message,
.send-letter-wrapper .messenger input#message {
  font-size: 16px;
  overflow-y: auto;
  height: 57px !important;
  padding: 0 85px 0 18px;
  border: 1px solid #eee;
  border-radius: 0 0 10px 10px;
}
.room-mode:not(.my-room).chat-wrapper .messenger input#message,
.room-mode:not(.my-room).send-letter-wrapper .messenger input#message {
  padding-right: 121px;
}
.role-promoter .room-mode:not(.my-room).chat-wrapper .messenger input#message,
.role-promoter .room-mode:not(.my-room).send-letter-wrapper .messenger input#message {
  padding-right: 124px;
}
.role-streams-operator .room-mode:not(.my-room).chat-wrapper .messenger input#message,
.role-streams-operator .room-mode:not(.my-room).send-letter-wrapper .messenger input#message {
  padding-right: 85px;
}
.support-team .room-mode:not(.my-room).chat-wrapper .messenger input#message,
.support-team .room-mode:not(.my-room).send-letter-wrapper .messenger input#message {
  padding-right: 85px;
}
@media (min-width: 768px) {
  .room-mode:not(.my-room).chat-wrapper .messenger input#message,
  .room-mode:not(.my-room).send-letter-wrapper .messenger input#message {
    padding-right: 85px;
  }
}
.room-mode.chat-wrapper .messenger input#message,
.room-mode.send-letter-wrapper .messenger input#message {
  padding-right: 85px;
}
@media (max-width: 768px) {
  .room-mode.chat-wrapper .messenger input#message,
  .room-mode.send-letter-wrapper .messenger input#message {
    border-radius: 0;
  }
}
.role-promoter .chat-wrapper .messenger input#message,
.role-promoter .send-letter-wrapper .messenger input#message {
  padding-right: 124px;
}
.mirror .chat-wrapper .messenger input#message,
.mirror .send-letter-wrapper .messenger input#message {
  padding: 0 0 0 85px;
}
.chat-wrapper .messenger input#message::-ms-clear,
.send-letter-wrapper .messenger input#message::-ms-clear {
  width: 0;
  height: 0;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  :not(.room-mode).chat-wrapper .messenger input#message,
  :not(.room-mode).send-letter-wrapper .messenger input#message {
    height: 40px !important;
    border: none;
    border-radius: 0;
    padding-right: 18px;
  }
}
.chat-wrapper .messenger .attachments-wrapper {
  position: absolute;
}
@media (max-width: 1160px) and (min-width: 768px) {
  .chat-wrapper .menu-wrapper .menu-panel {
    order: 3;
  }
}
@media (max-width: 480px) {
  .chat-wrapper .menu-wrapper .menu-panel {
    order: 3;
  }
}
@media (min-width: 1160px) {
  .chat-wrapper:not(.room-mode) .menu-wrapper-inner {
    padding: 0 5px;
  }
}
@media (min-width: 768px) {
  .chat-wrapper .cheers-wrapper {
    margin-top: -50px;
    min-height: 78px;
  }
}
@media (min-width: 768px) {
  .chat-wrapper.room-mode .cheers-wrapper {
    margin-top: -30px;
  }
}
.chat-wrapper .cheers-button {
  display: none;
}
.chat-wrapper:not(.room-mode) .cheers-button:not(.cheers-button-liveroom) {
  display: block;
}
.chat-wrapper.room-mode .cheers-button.cheers-button-liveroom {
  display: block;
}
.send-letter-wrapper .messenger .attachments-wrapper {
  position: relative;
}
@media (min-width: 1160px) {
  .send-letter-wrapper .menu-panel {
    width: calc(100% - 12px);
  }
}
.send-letter-wrapper .menu-wrapper .menu-wrapper-inner {
  justify-content: flex-start;
}
.send-letter-wrapper .toolbar-panel .nano-content {
  z-index: 1;
}
.send-letter-wrapper .toolbar-panel .nano-pane {
  z-index: 2;
}
.send-letter-wrapper .cheers-wrapper {
  min-height: 30px;
  position: absolute;
  bottom: 150px;
  z-index: 2;
}
@media (max-width: 480px) {
  .send-letter-wrapper .cheers-wrapper {
    bottom: 0;
  }
}
@media (min-width: 768px) and (max-height: 570px) {
  .send-letter-wrapper .cheers-wrapper {
    bottom: 80px;
  }
}
.send-letter-wrapper .zoom-helper {
  position: absolute;
  bottom: 120px;
  height: 35px;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .send-letter-wrapper .zoom-helper {
    display: none;
  }
}
@media (min-width: 768px) and (max-height: 570px) {
  .send-letter-wrapper .zoom-helper {
    display: none;
  }
}
.send-letter-wrapper .cheers-button {
  top: auto;
  bottom: 95px;
  margin-right: 10px;
}
@media (max-width: 480px) {
  .send-letter-wrapper .menu-wrapper .messenger {
    order: 0;
  }
  .send-letter-wrapper .menu-wrapper .menu-panel {
    order: 1;
  }
  .send-letter-wrapper .cheers-button {
    bottom: 10px;
    margin-right: 10px;
  }
}
#message {
  display: block;
  height: 100%;
  resize: none;
}
#message:focus {
  outline: 0 none transparent;
}
.chat-wrapper .profiles-wrapper .profile-card.offline .thumbnail a .photo,
.send-letter-wrapper .profiles-wrapper .profile-card.offline .thumbnail a .photo,
.read-letter-wrapper .profiles-wrapper .profile-card.offline .thumbnail a .photo,
.chat-wrapper .profiles-wrapper .profile-card.offline .thumbnail a:hover .photo,
.send-letter-wrapper .profiles-wrapper .profile-card.offline .thumbnail a:hover .photo,
.read-letter-wrapper .profiles-wrapper .profile-card.offline .thumbnail a:hover .photo {
  filter: grayscale();
}
.chat-wrapper .profiles-wrapper .profile-card.offline .thumbnail.presence-mobileapp .led,
.send-letter-wrapper .profiles-wrapper .profile-card.offline .thumbnail.presence-mobileapp .led,
.read-letter-wrapper .profiles-wrapper .profile-card.offline .thumbnail.presence-mobileapp .led {
  background: url('/i/icons/mobileapp-status-offline.png?1') center center no-repeat;
  height: 14px;
  border-radius: 0;
  top: 4px;
}
.chat-wrapper .profiles-wrapper .profile-card .tag-familiar,
.send-letter-wrapper .profiles-wrapper .profile-card .tag-familiar,
.read-letter-wrapper .profiles-wrapper .profile-card .tag-familiar {
  display: none;
  line-height: 20px;
  font-size: 12px;
  color: white;
  padding: 0 10px;
  background: #029f83;
  border-radius: 10px;
}
.role-promoter .chat-wrapper .profiles-wrapper .profile-card .tag-familiar:not(.hidden),
.role-promoter .send-letter-wrapper .profiles-wrapper .profile-card .tag-familiar:not(.hidden),
.role-promoter .read-letter-wrapper .profiles-wrapper .profile-card .tag-familiar:not(.hidden) {
  display: inline-block;
}
.chat-wrapper .profile-card.loading,
.send-letter-wrapper .profile-card.loading,
.read-letter-wrapper .profile-card.loading {
  opacity: 0;
}
.chat-wrapper .profile-card .thumbnail,
.send-letter-wrapper .profile-card .thumbnail,
.read-letter-wrapper .profile-card .thumbnail {
  display: inline-block;
  background-color: transparent;
  overflow: visible;
  width: 40px;
  height: 40px;
}
.room-mode.chat-wrapper .profile-card .thumbnail,
.room-mode.send-letter-wrapper .profile-card .thumbnail,
.room-mode.read-letter-wrapper .profile-card .thumbnail {
  width: 30px;
  height: 30px;
}
.chat-wrapper .profile-card .thumbnail .photo,
.send-letter-wrapper .profile-card .thumbnail .photo,
.read-letter-wrapper .profile-card .thumbnail .photo {
  border-radius: 50%;
}
.tag-credits-accounts-vip .chat-wrapper .profile-card.my .thumbnail .icon.vip,
.tag-credits-accounts-vip .send-letter-wrapper .profile-card.my .thumbnail .icon.vip,
.tag-credits-accounts-vip .read-letter-wrapper .profile-card.my .thumbnail .icon.vip {
  display: block;
}
.chat-wrapper .profile-card .connection-status,
.send-letter-wrapper .profile-card .connection-status,
.read-letter-wrapper .profile-card .connection-status {
  position: absolute;
  right: -5px;
  bottom: 17px;
}
.chat-wrapper .profile-card .connection-status .led,
.send-letter-wrapper .profile-card .connection-status .led,
.read-letter-wrapper .profile-card .connection-status .led {
  left: 3px;
  top: 5px;
  width: 10px;
  height: 10px;
}
.no-webapp.has-mobileapp .chat-wrapper .profile-card .connection-status .led,
.no-webapp.has-mobileapp .send-letter-wrapper .profile-card .connection-status .led,
.no-webapp.has-mobileapp .read-letter-wrapper .profile-card .connection-status .led {
  background: url('/i/icons/mobileapp-status.png?1') center center no-repeat;
  height: 14px;
  border-radius: 0;
  top: 4px;
}
.chat-wrapper .profile-card .description,
.send-letter-wrapper .profile-card .description,
.read-letter-wrapper .profile-card .description {
  display: inline-block;
  padding: 10px 12px;
  vertical-align: middle;
}
.chat-wrapper .profile-card .description .representation,
.send-letter-wrapper .profile-card .description .representation,
.read-letter-wrapper .profile-card .description .representation {
  font-weight: 700;
  color: #222;
}
.chat-wrapper .profile-card .description .representation a[href^="#"],
.send-letter-wrapper .profile-card .description .representation a[href^="#"],
.read-letter-wrapper .profile-card .description .representation a[href^="#"] {
  border-bottom: 0;
}
.chat-wrapper .profile-card .description .id,
.send-letter-wrapper .profile-card .description .id,
.read-letter-wrapper .profile-card .description .id {
  color: #222;
  white-space: nowrap;
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: initial;
  vertical-align: top;
}
.chat-wrapper .profile-card .description .id:hover,
.send-letter-wrapper .profile-card .description .id:hover,
.read-letter-wrapper .profile-card .description .id:hover {
  color: #222;
}
.chat-wrapper .profile-card .description .age,
.send-letter-wrapper .profile-card .description .age,
.read-letter-wrapper .profile-card .description .age {
  vertical-align: top;
}
.chat-wrapper .profile-card .description .about-me,
.send-letter-wrapper .profile-card .description .about-me,
.read-letter-wrapper .profile-card .description .about-me {
  font-size: 15px;
  font-weight: normal;
  height: 35px;
  line-height: 17px;
  overflow: hidden;
  color: #222;
}
.chat-wrapper .profile-card .tags,
.send-letter-wrapper .profile-card .tags,
.read-letter-wrapper .profile-card .tags {
  display: inline-block;
}
.chat-wrapper .profile-card .tag .text,
.send-letter-wrapper .profile-card .tag .text,
.read-letter-wrapper .profile-card .tag .text {
  display: none;
}
.chat-wrapper .profile-card .tag.unknown,
.send-letter-wrapper .profile-card .tag.unknown,
.read-letter-wrapper .profile-card .tag.unknown {
  background-color: #ccc;
}
.chat-wrapper .profile-card .tag.unknown .text.unknown,
.send-letter-wrapper .profile-card .tag.unknown .text.unknown,
.read-letter-wrapper .profile-card .tag.unknown .text.unknown {
  display: inline-block;
}
.chat-wrapper .profile-card .tag.bored,
.send-letter-wrapper .profile-card .tag.bored,
.read-letter-wrapper .profile-card .tag.bored {
  background: #9fe9dc;
}
.chat-wrapper .profile-card .tag.bored .text.bored,
.send-letter-wrapper .profile-card .tag.bored .text.bored,
.read-letter-wrapper .profile-card .tag.bored .text.bored {
  display: inline-block;
}
.chat-wrapper .profile-card .tag.friendly,
.send-letter-wrapper .profile-card .tag.friendly,
.read-letter-wrapper .profile-card .tag.friendly {
  background: #f0e392;
}
.chat-wrapper .profile-card .tag.friendly .text.friendly,
.send-letter-wrapper .profile-card .tag.friendly .text.friendly,
.read-letter-wrapper .profile-card .tag.friendly .text.friendly {
  display: inline-block;
}
.chat-wrapper .profile-card .tag.romantic,
.send-letter-wrapper .profile-card .tag.romantic,
.read-letter-wrapper .profile-card .tag.romantic {
  background-color: #fcb7ad;
}
.chat-wrapper .profile-card .tag.romantic .text.romantic,
.send-letter-wrapper .profile-card .tag.romantic .text.romantic,
.read-letter-wrapper .profile-card .tag.romantic .text.romantic {
  display: inline-block;
}
.chat-wrapper .profile-card .tag.flirty,
.send-letter-wrapper .profile-card .tag.flirty,
.read-letter-wrapper .profile-card .tag.flirty {
  background-color: #f89aa8;
}
.chat-wrapper .profile-card .tag.flirty .text.flirty,
.send-letter-wrapper .profile-card .tag.flirty .text.flirty,
.read-letter-wrapper .profile-card .tag.flirty .text.flirty {
  display: inline-block;
}
.chat-wrapper .profile-card .tag.naughty,
.send-letter-wrapper .profile-card .tag.naughty,
.read-letter-wrapper .profile-card .tag.naughty {
  background-color: #f9a596;
}
.chat-wrapper .profile-card .tag.naughty .text.naughty,
.send-letter-wrapper .profile-card .tag.naughty .text.naughty,
.read-letter-wrapper .profile-card .tag.naughty .text.naughty {
  display: inline-block;
}
.chat-wrapper .profile-card .tag,
.send-letter-wrapper .profile-card .tag,
.read-letter-wrapper .profile-card .tag,
.chat-wrapper .profile-card .product-container,
.send-letter-wrapper .profile-card .product-container,
.read-letter-wrapper .profile-card .product-container {
  display: none;
  padding: 1px 12px;
  font-size: 13px;
  color: #222;
  border-radius: 10px;
  font-weight: normal;
}
.chat-wrapper .profile-card .product-container,
.send-letter-wrapper .profile-card .product-container,
.read-letter-wrapper .profile-card .product-container {
  color: #fff;
}
.chat-wrapper .profile-card .product-container.slavic,
.send-letter-wrapper .profile-card .product-container.slavic,
.read-letter-wrapper .profile-card .product-container.slavic {
  background: #001f56;
}
.chat-wrapper .profile-card .product-container.slavic1,
.send-letter-wrapper .profile-card .product-container.slavic1,
.read-letter-wrapper .profile-card .product-container.slavic1 {
  background: #e70a2d;
}
.chat-wrapper .profile-card .product-container.asian,
.send-letter-wrapper .profile-card .product-container.asian,
.read-letter-wrapper .profile-card .product-container.asian {
  background: #b23256;
}
.chat-wrapper .profile-card .product-container.china,
.send-letter-wrapper .profile-card .product-container.china,
.read-letter-wrapper .profile-card .product-container.china {
  background: #b23256;
}
.chat-wrapper .profile-card .product-container.latin,
.send-letter-wrapper .profile-card .product-container.latin,
.read-letter-wrapper .profile-card .product-container.latin {
  background: #c00;
}
.chat-wrapper .profile-card .product-container.arabia,
.send-letter-wrapper .profile-card .product-container.arabia,
.read-letter-wrapper .profile-card .product-container.arabia {
  background: #2f9ef2;
}
.chat-wrapper .profile-card .product-container.africa,
.send-letter-wrapper .profile-card .product-container.africa,
.read-letter-wrapper .profile-card .product-container.africa {
  background: #e1671d;
}
.chat-wrapper .profile-card .product-container.companions,
.send-letter-wrapper .profile-card .product-container.companions,
.read-letter-wrapper .profile-card .product-container.companions {
  background: #b23256;
}
.chat-wrapper .profile-card .product-container.eurodate,
.send-letter-wrapper .profile-card .product-container.eurodate,
.read-letter-wrapper .profile-card .product-container.eurodate {
  background: #d5232f;
}
.chat-wrapper .profile-card .product-container.euro,
.send-letter-wrapper .profile-card .product-container.euro,
.read-letter-wrapper .profile-card .product-container.euro {
  background: #265183;
}
.chat-wrapper .profile-card .product-container.muslim,
.send-letter-wrapper .profile-card .product-container.muslim,
.read-letter-wrapper .profile-card .product-container.muslim {
  background: #d3ae00;
}
.chat-wrapper .profile-card .product-container.travel,
.send-letter-wrapper .profile-card .product-container.travel,
.read-letter-wrapper .profile-card .product-container.travel {
  background: #574d9b;
}
.chat-wrapper .profile-card .product-container.flirt,
.send-letter-wrapper .profile-card .product-container.flirt,
.read-letter-wrapper .profile-card .product-container.flirt {
  background: #b5056e;
}
.chat-wrapper .profile-card .product-container.mature,
.send-letter-wrapper .profile-card .product-container.mature,
.read-letter-wrapper .profile-card .product-container.mature {
  background: #cf5a20;
}
.chat-wrapper .profile-card .product-container.christian,
.send-letter-wrapper .profile-card .product-container.christian,
.read-letter-wrapper .profile-card .product-container.christian {
  background: #cf2e34;
}
.role-promoter .chat-wrapper .profile-card .product-container,
.role-promoter .send-letter-wrapper .profile-card .product-container,
.role-promoter .read-letter-wrapper .profile-card .product-container {
  display: inline-block;
}
.role-promoter .chat-wrapper .profile-card .description .tag {
  display: inline-block;
}
.menu-panel {
  font-size: 0;
  margin: 0 5px;
  border: 1px solid #eee;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  background-color: #f5f5f5;
  z-index: 2;
}
@media (max-width: 1160px) {
  .menu-panel {
    margin: 0;
    border: none;
    border-radius: 0;
  }
}
.room-mode .menu-panel {
  margin: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel {
    height: 35px;
    margin: 0;
    border: 0;
    border-top: 1px #e7e7e7 solid;
    border-bottom: 1px #e7e7e7 solid;
    border-radius: 0;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .tab {
    width: 20%;
    height: 35px;
    padding: 0;
    border-radius: 0;
    vertical-align: top;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .tab l10n {
    display: none;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .tab::before {
    left: 50%;
    margin-left: -10px;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper .send-message {
    float: left;
    width: 33.33%;
    display: block;
    border-radius: 0;
    height: 35px;
    padding: 0;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .smiles::before {
    left: 50%;
    margin-left: -9px;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .attachments::before {
    left: auto;
    margin-left: -27px;
  }
}
.letter-tab .menu-panel {
  border-bottom: 1px #e7e7e7 solid;
}
@media (max-width: 480px) {
  .letter-tab .menu-panel {
    width: 100%;
    margin: 0;
    border-top: 1px #e7e7e7 solid;
    border-bottom: 1px #e7e7e7 solid;
    box-sizing: border-box;
  }
  .letter-tab .menu-panel .tab {
    width: 20%;
  }
  .letter-tab .menu-panel .tab l10n {
    display: none;
  }
  .letter-tab .menu-panel .tab svg {
    left: calc(50% - 10px);
  }
}
@media (max-width: 400px) {
  .letter-tab .menu-panel {
    width: 100%;
    left: 0;
    border-right: none;
    border-left: none;
    border-radius: 0;
    white-space: nowrap;
    height: 35px;
    box-sizing: initial;
  }
  .content .letter-tab .menu-panel {
    bottom: 23px;
  }
  .letter-tab .menu-panel .tab {
    width: 20%;
    height: 35px;
  }
}
.menu-panel .send-message,
.menu-panel .send-letter {
  display: none;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .letter-tab .menu-panel .send-letter {
    position: absolute;
    display: inline-block;
    right: 0;
    border-radius: 0;
    padding: 0 20px;
    height: 37px;
    width: 33.33%;
  }
}
@media (max-width: 400px) {
  .letter-tab .menu-panel .send-letter {
    position: static;
    height: 35px;
    padding: 0;
  }
}
@media (max-width: 480px) {
  .letter-tab .menu-panel .send-letter span {
    display: none;
  }
}
.menu-panel .mobile-button {
  display: none;
}
@media (max-width: 480px) {
  .menu-panel .mobile-button {
    display: inline-block;
  }
}
@media (max-width: 480px) {
  .menu-panel .popup-trigger.attachments {
    display: none;
  }
}
@media (min-width: 1160px) {
  .letter-tab .chat-wrapper .menu-panel .popup-trigger.attachments::before {
    margin-left: -35px;
  }
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel {
    height: 35px;
    margin: 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-radius: 0;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .tab {
    width: 20%;
    height: 35px;
    padding: 0;
    border-radius: 0;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .tab l10n {
    display: none;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .tab::before {
    left: 50%;
    margin-left: -10px;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper {
    width: 60%;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper .popup-container {
    width: 33.33%;
    margin: 0;
    float: left;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper .popup-container .toolbar {
    width: 100%;
    border-radius: 0;
    height: 35px;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper .send-message {
    float: left;
    width: 33.33%;
    display: block;
    border-radius: 0;
    height: 35px;
    padding: 0;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .smiles::before {
    left: 50%;
    margin-left: -9px;
  }
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .attachments::before {
    left: auto;
    margin-left: -27px;
  }
}
.menu-panel .tab {
  padding: 12px 17px 10px 46px;
  border-radius: 0;
}
@media (max-width: 320px) {
  .menu-panel .tab {
    padding: 12px 5px 10px 30px;
  }
}
.menu-panel .tab::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  content: '';
}
.menu-panel .chat-button {
  border-top-left-radius: 10px;
}
.room-mode .menu-panel .chat-button {
  display: none;
}
.menu-panel .chat-button svg {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 20px;
  width: 20px;
  height: 18px;
  margin-top: -9px;
  fill-rule: evenodd;
  fill: #999;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .menu-panel .chat-button svg {
    top: calc(50% - 9px);
    left: 18px;
    margin-top: 0;
  }
}
.chat-tab .menu-panel .chat-button {
  background: #fff;
  color: #00b15e;
}
.chat-tab .menu-panel .chat-button svg {
  fill: #00b15e;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .chat-tab .menu-panel .chat-button svg {
    left: calc(50% - 10px);
  }
}
.chat-tab .menu-panel .chat-button::before {
  background-position: -5px -33px;
}
.mirror .chat-tab .menu-panel .chat-button::before {
  background-position: -7px -33px;
}
.menu-panel .letter-button {
  padding-left: 41px;
}
.room-mode .menu-panel .letter-button {
  display: none;
}
@media (max-width: 320px) {
  .menu-panel .letter-button {
    padding-left: 30px;
  }
}
.menu-panel .letter-button svg {
  position: absolute;
  display: inline-block;
  left: 12px;
  width: 22px;
  height: 18px;
  margin-top: -3px;
  fill-rule: evenodd;
  fill: #999;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .menu-panel .letter-button svg {
    top: calc(50% - 8px);
    left: calc(50% - 10px);
    margin-top: 0;
  }
}
.letter-tab .menu-panel .letter-button {
  background-color: #fff;
  color: #00b15e;
}
.letter-tab .menu-panel .letter-button svg {
  fill: #00b15e;
}
@media (max-width: 1160px) and (min-width: 768px) {
  .letter-tab .menu-panel .letter-button svg {
    left: 10px;
  }
}
.menu-panel .toolkit-wrapper {
  float: right;
}
.room-mode .menu-panel .toolkit-wrapper {
  display: none;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .letter-tab .menu-panel .toolkit-wrapper {
    position: relative;
    width: 60%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    float: none;
  }
}
@media (max-width: 400px) {
  .letter-tab .menu-panel .toolkit-wrapper {
    width: 60%;
  }
}
.menu-panel .toolkit-wrapper .popup-container {
  display: inline-block;
  z-index: 0;
}
.room-mode .menu-panel .toolkit-wrapper .popup-container {
  z-index: 1;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper .popup-container {
    width: 33.33%;
    margin: 0;
    float: left;
  }
}
@media (max-width: 480px) {
  .letter-tab .menu-panel .toolkit-wrapper .popup-container {
    width: 33.33%;
    margin: 0;
  }
}
.menu-panel .toolkit-wrapper .popup-container.opened {
  z-index: 15;
}
.room-mode .menu-panel .toolkit-wrapper .popup-container.upload {
  visibility: hidden;
}
.chat-tab .menu-panel .toolkit-wrapper .popup-container.upload .popup {
  left: -64px;
}
@media (max-width: 1160px) and (min-width: 768px) {
  .chat-tab .menu-panel .toolkit-wrapper .popup-container.upload .popup {
    left: -108px;
  }
}
@media (max-width: 950px) {
  .chat-tab .menu-panel .toolkit-wrapper .popup-container.upload .popup {
    left: -125px;
  }
}
@media (max-width: 950px) {
  .menu-panel .toolkit-wrapper .stickers-container .popup {
    right: 0;
  }
  .menu-panel .toolkit-wrapper .stickers-container .popup::after {
    right: 14px;
  }
}
.menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
  display: none;
  right: 0;
  bottom: 42px;
  height: 54vh;
  width: calc((100vw - 324px)/2 - 14px);
  max-width: calc(620px - 14px);
  min-width: 280px;
  max-height: 330px;
  padding: 0;
  margin: 0 auto;
  border: none;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.stickers-popup-opened .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
  display: block;
}
.room-mode .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
  bottom: 10px;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
    overflow: initial;
    bottom: -331px;
    border: 0;
    width: calc((100vw - 324px)/2 - 2px);
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 0;
    right: -100%;
  }
}
@media (max-width: 950px) {
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
    width: calc((100vw - 60px)/2 - 2px);
  }
}
@media (max-width: 767px) {
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
    width: calc(100vw - 14px);
    max-width: inherit;
  }
}
@media (max-width: 480px) {
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
    width: 100vw;
    bottom: -266px;
    max-height: 265px;
  }
}
@media (max-width: 400px) {
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
    max-height: 200px;
    bottom: -201px;
  }
}
@media (max-width: 950px) {
  .chat-tab .room-mode .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
    width: calc((100vw - 60px)/2 - 2px);
  }
}
@media (max-width: 767px) {
  .chat-tab .room-mode .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
    width: calc(100vw - 14px);
    max-width: inherit;
  }
}
@media (max-width: 480px) {
  .chat-tab .room-mode .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
    width: 100vw;
    max-height: 265px;
  }
}
@media (max-width: 400px) {
  .chat-tab .room-mode .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
    max-height: 200px;
  }
}
.letter-tab .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
  max-width: 50%;
  max-height: 109px;
}
.letter-tab .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel ul {
  margin: 0;
}
.letter-tab .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel li {
  width: calc(16.66666667%);
}
@media (max-width: 1440px) and (max-width: 1340px) {
  .letter-tab .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel li {
    width: calc(16.66666667%);
  }
}
@media (max-width: 768px) {
  .letter-tab .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .letter-tab .menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel {
    left: 50%;
    transform: translateX(-70%);
  }
}
.menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel::before {
  content: '';
  display: block;
  width: 100%;
}
.menu-panel .toolkit-wrapper .stickers-container .popup.stickers-panel::after {
  display: none;
}
.letter-tab .menu-panel .toolkit-wrapper .stickers-container .smiles-panel .tab-content::after {
  background: transparent;
}
.menu-panel .tab,
.menu-panel .smiles,
.menu-panel .attachments {
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.menu-panel .tab:focus,
.menu-panel .smiles:focus,
.menu-panel .attachments:focus {
  border-color: #d4d4d4;
  outline: 0 none transparent;
}
.menu-panel .smiles,
.menu-panel .attachments {
  height: 37px;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .menu-panel .smiles span,
  .menu-panel .attachments span,
  .menu-panel .smiles l10n,
  .menu-panel .attachments l10n {
    display: none;
  }
}
.room-mode .menu-panel .popup-container.stickers-container:not(.cheers-container) {
  display: none;
}
.menu-panel .smiles {
  padding: 12px 12px 10px 32px;
  border-radius: 0 10px 0 0;
}
@media (max-width: 1160px) {
  .menu-panel .smiles {
    border-radius: 0;
  }
}
@media (max-width: 1124px) {
  .menu-panel .smiles {
    padding: 12px 6px 10px 32px;
  }
}
.menu-panel .smiles::before {
  left: auto;
  margin-left: -24px;
}
.menu-panel .attachments {
  padding: 12px 12px 10px 38px;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .menu-panel .attachments {
    padding: 12px 6px 10px 38px;
  }
}
@media (min-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .chat-wrapper .menu-panel .attachments::before {
    margin-left: -54px;
  }
}
.menu-panel .popup-container.opened .smiles,
.menu-panel .popup-container.opened .attachments {
  background: #fff;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .chat-tab .chat-wrapper:not(.room-mode) .menu-panel .popup-container .toolbar {
    width: 100%;
    border-radius: 0;
    height: 35px;
  }
}
@media (max-width: 480px) {
  .letter-tab .menu-panel .popup-container .toolbar {
    width: 100%;
    border-radius: 0;
  }
}
@media (max-width: 400px) {
  .letter-tab .menu-panel .popup-container .toolbar {
    height: 35px;
  }
}
.about-chat {
  border-radius: 5px 5px 0 0;
  height: 60px;
}
.role-promoter .about-chat {
  height: 90px;
}
.about-chat .profiles {
  list-style: none;
  margin: 0;
  padding: 0;
}
.room-mode .about-chat .profiles-wrapper {
  font-size: 0;
}
.room-mode .about-chat .profile-card {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}
.room-mode .about-chat .profile-card .thumbnail {
  position: absolute;
}
.about-chat .profile-card .name-wrapper {
  display: inline-block;
  margin: 10px 0 10px 12px;
  white-space: nowrap;
  font-size: 0;
}
.about-chat .profile-card .button.profile {
  background: #222;
  display: none;
  border: none;
  color: #fff;
  border-radius: 20px;
  padding: 0 10px 0 40px;
  height: 30px;
  top: 0;
  font-weight: normal;
}
.room-mode .about-chat .profile-card .button.profile {
  background: rgba(0, 0, 0, 0.5);
  display: inline-block;
}
.room-mode .about-chat .profile-card .button.profile:hover {
  background: rgba(0, 0, 0, 0.8);
}
.about-chat .profile-card .profile-link {
  cursor: pointer;
}
.about-chat .add-contact {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  display: none;
  margin-left: 10px;
  margin-top: 10px;
}
.about-chat .add-contact span {
  display: inline-block;
  margin-top: 2px;
}
.about-chat .add-contact svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}
.about-chat .add-contact .in-contacts {
  display: none;
}
.about-chat .add-contact.contact-added .in-contacts {
  display: inline-block;
}
.about-chat .add-contact.contact-added .add {
  display: none;
}
.room-mode .about-chat .add-contact {
  display: inline-block;
}
.tag-users-prepromoter .room-mode .about-chat .add-contact {
  display: none;
}
.my-room.room-mode .about-chat .add-contact {
  display: none;
}
.chat-tab .about-chat .about-me {
  display: none;
}
.role-promoter .chat-tab .about-chat .profile-card {
  position: relative;
}
.chat-tab .about-chat .profile-card .thumbnail {
  z-index: 1;
  vertical-align: middle;
  margin: 10px 0 10px 12px;
}
.chat-tab .about-chat .profile-card .thumbnail a:hover .photo {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}
.chat-tab .about-chat .profile-card .title {
  display: none;
}
.chat-tab .about-chat .profile-card .age {
  display: none;
}
.chat-tab .about-chat .profile-card .tags {
  display: block;
}
.role-promoter .chat-tab .about-chat .profile-card .tags {
  position: absolute;
  bottom: -25px;
  left: 12px;
}
.role-promoter .mirror .chat-tab .about-chat .profile-card .tags {
  min-width: 250px;
  text-align: right;
  left: auto;
  right: 0;
}
.chat-tab .about-chat .profile-card .tag {
  margin-left: 0;
}
@media (max-width: 579px) {
  .chat-tab .about-chat .profile-card .description {
    display: block;
    padding-top: 0;
    margin-top: -5px;
  }
  .chat-tab .about-chat .profile-card .description .id {
    display: none;
  }
}
@media (min-width: 580px) {
  .chat-tab .about-chat .profile-card .description .id {
    max-width: 85px;
  }
}
@media (min-width: 670px) {
  .chat-tab .about-chat .profile-card .description .id {
    max-width: 125px;
  }
}
@media (min-width: 768px) and (max-width: 1359px) {
  .chat-tab .about-chat .profile-card .description {
    display: block;
    padding-top: 0;
    margin-top: -5px;
  }
  .chat-tab .about-chat .profile-card .description .id {
    display: none;
  }
}
@media (min-width: 1360px) {
  .chat-tab .about-chat .profile-card .description .id {
    max-width: 85px;
  }
}
@media (min-width: 1530px) {
  .chat-tab .about-chat .profile-card .description .id {
    max-width: 125px;
  }
}
.letter-tab .about-chat .icon.vip {
  top: 4px;
  right: 4px;
}
.transition-in .about-chat .profiles-wrapper,
.transition-out .about-chat .profiles-wrapper,
.pending-in .about-chat .profiles-wrapper,
.pending-out .about-chat .profiles-wrapper,
.state-in .about-chat .profiles-wrapper,
.state-out .about-chat .profiles-wrapper {
  display: none;
}
.transition-in .about-chat .controls .start-video,
.transition-out .about-chat .controls .start-video,
.pending-in .about-chat .controls .start-video,
.pending-out .about-chat .controls .start-video,
.state-in .about-chat .controls .start-video,
.state-out .about-chat .controls .start-video,
.transition-in .about-chat .controls .send-call-invitation,
.transition-out .about-chat .controls .send-call-invitation,
.pending-in .about-chat .controls .send-call-invitation,
.pending-out .about-chat .controls .send-call-invitation,
.state-in .about-chat .controls .send-call-invitation,
.state-out .about-chat .controls .send-call-invitation,
.transition-in .about-chat .controls .start-opponent-video,
.transition-out .about-chat .controls .start-opponent-video,
.pending-in .about-chat .controls .start-opponent-video,
.pending-out .about-chat .controls .start-opponent-video,
.state-in .about-chat .controls .start-opponent-video,
.state-out .about-chat .controls .start-opponent-video,
.transition-in .about-chat .controls .start-my-video,
.transition-out .about-chat .controls .start-my-video,
.pending-in .about-chat .controls .start-my-video,
.pending-out .about-chat .controls .start-my-video,
.state-in .about-chat .controls .start-my-video,
.state-out .about-chat .controls .start-my-video {
  display: none !important;
}
.room-mode .about-chat .profiles-wrapper {
  display: block;
  position: absolute;
  z-index: 2;
}
.room-mode .about-chat .profiles-wrapper .description {
  display: none;
}
.pending-in .about-chat .controls .stop-video,
.pending-out .about-chat .controls .stop-video,
.state-in .about-chat .controls .stop-video,
.state-out .about-chat .controls .stop-video {
  display: block;
}
.role-promoter .pending-in .about-chat .controls .stop-video,
.role-promoter .pending-out .about-chat .controls .stop-video,
.role-promoter .state-in .about-chat .controls .stop-video,
.role-promoter .state-out .about-chat .controls .stop-video {
  display: none;
}
.role-promoter .state-in .about-chat .controls .hide-video {
  display: block;
}
.role-promoter .state-in.video-hidden .about-chat .controls .hide-video {
  display: none;
}
.role-promoter .state-in.video-hidden .about-chat .controls .show-video {
  display: block;
}
.room-mode .about-chat .menu-block {
  display: none;
}
.about-chat .controls {
  position: absolute;
  top: 10px;
  width: 100%;
  height: 0;
}
.room-mode .about-chat .controls {
  display: none;
}
.phantom-out .about-chat .controls {
  display: none;
}
.calls-disabled .about-chat .controls {
  display: none;
}
.about-chat .controls .button {
  display: none;
  margin: auto;
  text-transform: uppercase;
}
.about-chat .controls .start-opponent-video .no-gender {
  display: inline;
}
.about-chat .controls .start-opponent-video .male,
.about-chat .controls .start-opponent-video .female {
  display: none;
}
.calls-enabled.has-cam.webrtc.role-promoter .chat.has-cam .about-chat .controls .send-call-invitation,
.calls-enabled.no-cam.webrtc.role-promoter .chat.has-cam .about-chat .controls .send-call-invitation,
.calls-enabled.has-cam.webrtc.role-promoter .chat.no-cam.has-webrtc .about-chat .controls .send-call-invitation {
  display: block;
}
.calls-enabled.has-cam.webrtc:not(.role-promoter) .chat.has-cam .about-chat .controls .start-video {
  display: block;
}
.calls-enabled.no-cam.webrtc:not(.role-promoter) .chat.has-cam .about-chat .controls .start-opponent-video {
  display: block;
}
.calls-enabled.no-cam.webrtc .chat.has-cam.female .about-chat .controls .start-opponent-video .no-gender {
  display: none;
}
.calls-enabled.no-cam.webrtc .chat.has-cam.female .about-chat .controls .start-opponent-video .female {
  display: inline;
}
.calls-enabled.no-cam.webrtc .chat.has-cam.male .about-chat .controls .start-opponent-video .no-gender {
  display: none;
}
.calls-enabled.no-cam.webrtc .chat.has-cam.male .about-chat .controls .start-opponent-video .male {
  display: inline;
}
.video-calls-container .not-supported {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  display: none;
}
.video-calls-container .not-supported .wrapper {
  border-radius: 5px;
  background-color: #f9f9f9;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
}
.video-calls-container .not-supported .header {
  background-color: #fff;
  padding: 13px 30px;
  text-align: center;
  border-radius: 5px 5px 0 0;
}
.video-calls-container .not-supported .install-chrome {
  font-size: 14px;
  padding: 20px 30px;
}
.video-calls-container .not-supported ol {
  margin: 0;
  padding-left: 15px;
}
.video-calls-container .not-supported li {
  font-weight: bold;
  margin-bottom: 8px;
}
.video-calls-container .not-supported li span {
  font-weight: normal;
}
.video-calls-container .not-supported input.link {
  margin-top: 3px;
}
.video-calls-container .not-supported svg {
  height: 22px;
  width: 22px;
  margin: 0 5px;
  vertical-align: text-bottom;
}
.video-calls-container.call-emulated .not-supported {
  display: block;
}
.video-calls-container .start-audio-translation::before {
  background: url('/i/icons/translation-on.png?1') no-repeat;
}
.video-calls-container .stop-audio-translation::before {
  background: url('/i/icons/translation-off.png?1') no-repeat;
}
.video-calls-container .start-audio-translation,
.video-calls-container .stop-audio-translation {
  display: none;
  margin-bottom: 5px;
}
.audio-translator-enabled.state-in .video-calls-container .start-audio-translation,
.audio-translator-enabled.state-in .video-calls-container .stop-audio-translation,
.audio-translator-enabled.state-out .video-calls-container .start-audio-translation,
.audio-translator-enabled.state-out .video-calls-container .stop-audio-translation,
.audio-translator-enabled.pending-in .video-calls-container .start-audio-translation,
.audio-translator-enabled.pending-in .video-calls-container .stop-audio-translation,
.audio-translator-enabled.pending-out .video-calls-container .start-audio-translation,
.audio-translator-enabled.pending-out .video-calls-container .stop-audio-translation {
  display: block;
}
.video-calls-container .translation-languages {
  display: none;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}
.video-calls-container .translation-languages select {
  font-size: 1em;
  height: 40px;
}
.audio-translator-enabled.state-in .video-calls-container .translation-languages,
.audio-translator-enabled.state-out .video-calls-container .translation-languages,
.audio-translator-enabled.pending-in .video-calls-container .translation-languages,
.audio-translator-enabled.pending-out .video-calls-container .translation-languages {
  display: inline-block;
}
.calls-enabled.no-cam .chat.no-cam .chat-wrapper:not(.room-mode) .video-calls-container,
.calls-disabled .video-calls-container,
.no-webrtc .video-calls-container {
  display: none;
}
.room-mode .video-calls-container {
  display: block;
}
.fullscreened .video-calls-container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.video-calls-container .wrapper {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
}
.fullscreened .video-calls-container .wrapper {
  width: 100%;
  height: 100%;
}
.video-calls-container .description,
.video-calls-container .menu-block {
  display: none;
}
.video-calls-container .thumbnail {
  background: transparent;
  margin: 0;
}
.video-calls-container .photo {
  border-radius: 50%;
}
.video-calls-container .my-controls {
  text-align: right;
  position: relative;
  z-index: 1;
}
.phantom-out .video-calls-container .my-controls {
  display: none;
}
.video-calls-container .my-controls .horizon {
  margin-top: 5px;
  font-size: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: flex-end;
}
.video-calls-container .my-controls .horizon .co-streamer-container.playing {
  order: 3;
}
.video-calls-container .my-controls .horizon .co-streamer-container.playing + .stream-like-button {
  order: 2;
}
.video-calls-container .my-controls .horizon .button {
  margin-left: 5px;
  margin-top: 0;
}
.video-calls-container .my-controls .vertical-tube {
  display: inline-block;
  width: 40px;
}
.video-calls-container .my-controls .button {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  margin-top: 5px;
}
.video-calls-container .my-controls .button svg {
  width: 20px;
  height: 20px;
  fill: #fff;
  vertical-align: middle;
}
.video-calls-container .my-controls .sound {
  position: absolute;
  left: 0;
  bottom: 0;
}
.video-calls-container .my-controls .start-video,
.video-calls-container .my-controls .stop-video,
.video-calls-container .my-controls .start-audio-translation,
.video-calls-container .my-controls .stop-audio-translation {
  display: none;
}
.state-in .video-calls-container .my-controls .start-video,
.state-out .video-calls-container .my-controls .start-video,
.pending-in .video-calls-container .my-controls .start-video,
.cam-enabling-pending .video-calls-container .my-controls .start-video {
  display: inline-block;
}
.cam-enabling-pending .video-calls-container .my-controls .start-video,
.state-out .video-calls-container .my-controls .start-video {
  display: none;
}
.cam-enabling-pending .video-calls-container .my-controls .stop-video,
.state-out .video-calls-container .my-controls .stop-video {
  display: inline-block;
}
.role-promoter .cam-enabling-pending .video-calls-container .my-controls .stop-video,
.role-promoter .state-out .video-calls-container .my-controls .stop-video {
  display: none;
}
.video-calls-container .my-controls .swap-camera {
  display: none;
}
.video-calls-container .my-controls .enable-mic.no-mic,
.video-calls-container .my-controls .disable-mic.no-mic {
  display: none !important;
}
.room-mode .video-calls-container .my-controls .start-video,
.room-mode .video-calls-container .my-controls .stop-video {
  display: none;
}
.room-mode .video-calls-container .my-controls .enable-mic,
.room-mode .video-calls-container .my-controls .disable-mic {
  display: none;
}
.my-room .video-calls-container .my-controls .enable-sound,
.my-room .video-calls-container .my-controls .disable-sound {
  display: none;
}
.my-room .video-calls-container .my-controls .enable-mic,
.my-room .video-calls-container .my-controls .disable-mic,
.my-room .video-calls-container .my-controls .swap-camera {
  display: inline-block;
}
.video-calls-container .my-controls .stream-like-button {
  background: rgba(0, 0, 0, 0.5);
}
.video-calls-container .my-controls .stream-like-button:hover {
  background: #000000;
}
.video-calls-container .video-container.interlocutor .text.my-video,
.video-calls-container .video-container.my-video .text.interlocutor {
  display: none;
}
.video-calls-container .video-container.interlocutor {
  float: left;
  width: 100%;
  background-color: #24282a;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.video-calls-container .video-container.interlocutor .video-placeholder {
  width: 100%;
  max-height: 350px;
}
.state-in .video-calls-container .video-container.interlocutor .video-placeholder.hidden {
  display: block;
  visibility: hidden;
}
.video-hidden .video-calls-container .video-container.interlocutor .video-placeholder {
  visibility: hidden !important;
}
.fullscreened .video-calls-container .video-container.interlocutor .video-placeholder {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin-right: 0;
  margin-bottom: 0;
  max-height: 100vh;
}
.pending-in .video-calls-container .video-container.interlocutor .interlocutor-outgoing.text,
.transition-in .video-calls-container .video-container.interlocutor .interlocutor-incoming.text {
  display: block;
}
.fullscreened .video-calls-container .video-container.interlocutor {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: black;
}
.fullscreened .video-calls-container .video-container.interlocutor .monitor {
  width: 100%;
  height: 100%;
}
.video-calls-container .video-container.my-video {
  display: none;
}
.app-container.has-cam .active-call .video-calls-container .video-container.my-video {
  display: block;
}
.video-calls-container .video-container.my-video .preview {
  display: none;
}
.pending-out .video-calls-container .video-container.my-video .preview.my-preview,
.transition-out .video-calls-container .video-container.my-video .preview.interlocutor,
.state-out .video-calls-container .video-container.my-video .preview.my-preview {
  display: block;
}
.video-calls-container .video-container.my-video .monitor {
  background: #000;
  transform: translate(0);
  -webkit-transform: translate(0);
  position: absolute;
  bottom: 0;
  right: 0;
}
.video-calls-container .video-container.my-video .monitor .thumbnail {
  display: none;
}
.pending-out .video-calls-container .video-container.my-video .monitor .my-outgoing.text,
.transition-out .video-calls-container .video-container.my-video .monitor .my-incoming.text,
.transition-out .video-calls-container .video-container.my-video .monitor .thumbnail,
.state-out .video-calls-container .video-container.my-video .monitor .thumbnail,
.pending-out .video-calls-container .video-container.my-video .monitor .thumbnail {
  display: block;
}
.state-out .video-calls-container .video-container.my-video .monitor::after {
  display: none !important;
}
.video-calls-container .video-container.my-video .video-placeholder {
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 130px;
  max-width: 180px;
  width: auto;
  height: auto;
  border-radius: 10px;
}
.video-calls-container .video-container.my-video .video-cam-unavailable-text {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.video-calls-container .video-container.my-video .video-cam-unavailable-text .note {
  color: rgba(255, 255, 255, 0.8);
}
.app-container.no-cam .video-calls-container .video-container.my-video .enable-mic,
.app-container.no-cam .video-calls-container .video-container.my-video .disable-mic,
.app-container.no-cam .video-calls-container .video-container.my-video .start-video,
.app-container.no-cam .video-calls-container .video-container.my-video .stop-video {
  display: none;
}
.app-container.no-cam .video-calls-container .video-container.my-video .profile {
  padding-top: 5px;
}
.video-calls-container .video-container .stats {
  display: none;
  position: absolute;
  left: 12px;
  right: 0;
  top: 10px;
  z-index: 3;
  height: 20px;
}
.room-mode .video-calls-container .video-container .stats {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.video-calls-container .video-container .stats .stop-video {
  display: none;
}
.my-room:not(.no-stream) .video-calls-container .video-container .stats .stop-video {
  display: block;
}
.video-calls-container .video-container .stats .cheers {
  height: 100%;
  position: relative;
  margin-bottom: -80px;
  font-size: 11px;
  display: flex;
}
.video-calls-container .video-container .stats .cheers .button {
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: #fff;
  border-radius: 20px;
  padding: 0 5px;
  height: 100%;
  font-size: 11px;
}
.video-calls-container .video-container .stats .cheers .button:hover {
  background: rgba(0, 0, 0, 0.8);
}
.video-calls-container .video-container .stats .cheers .button span {
  vertical-align: middle;
  padding-left: 5px;
  font-weight: normal;
}
.video-calls-container .video-container .stats .cheers .button svg {
  fill: #fff;
  width: 10px;
  height: 10px;
  vertical-align: middle;
}
.video-calls-container .video-container .stats .cheers .added-cheers {
  position: relative;
  display: none;
  background: #222;
  border: none;
  border-radius: 20px;
  padding: 0 5px;
  height: 100%;
  margin-left: -25px;
  z-index: -1;
  opacity: 0;
  transition: margin-left 0.25s, opacity 0.25s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  font: 700 11px/1.2 "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  color: #ffc400;
  line-height: 20px;
  font-weight: normal;
}
.video-calls-container .video-container .stats .cheers .added-cheers.opened {
  margin-left: 0;
  opacity: 1;
  display: inline-block;
}
.video-calls-container .video-container .stats .cheers .added-cheers span {
  line-height: 30px;
  vertical-align: middle;
  font-weight: normal;
}
.video-calls-container .video-container .stats .cheers .communication-stats {
  position: relative;
  margin-left: 5px;
}
.video-calls-container .video-container .stats .cheers .communication-stats .counter {
  background: rgba(0, 0, 0, 0.5);
}
.video-calls-container .video-container .stats .cheers .follower-stats {
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: #fff;
  border-radius: 20px;
  padding: 0 5px;
  height: 100%;
  font-size: 11px;
  margin-left: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 20px;
}
.video-calls-container .video-container .stats .cheers .follower-stats:hover {
  background: rgba(0, 0, 0, 0.8);
}
.video-calls-container .video-container .stats .cheers .follower-stats span {
  vertical-align: middle;
  padding-left: 5px;
  font-weight: normal;
}
.video-calls-container .video-container .stats .cheers .follower-stats svg {
  fill: #fff;
  width: 10px;
  height: 10px;
  vertical-align: middle;
}
.video-calls-container .video-container .stats .cheers.hidden-stats .communication-stats,
.video-calls-container .video-container .stats .cheers.hidden-stats .follower-stats {
  display: none;
}
.transition-in .video-calls-container .video-container.my-video,
.transition-out .video-calls-container .video-container.my-video {
  display: none;
}
.state-in .video-calls-container .video-container.interlocutor .video-placeholder,
.pending-in .video-calls-container .video-container.interlocutor .video-placeholder,
.pending-out .video-calls-container .video-container.interlocutor .video-placeholder,
.state-out .video-calls-container .video-container.interlocutor .video-placeholder,
.state-out .video-calls-container .video-container.my-video .video-placeholder,
.cam-enabling-pending .video-calls-container .video-container.my-video .video-placeholder,
.transition-in .video-calls-container .video-container.interlocutor .video-placeholder,
.transition-out .video-calls-container .video-container.interlocutor .video-placeholder,
.transition-out .video-calls-container .video-container.my-video .video-placeholder {
  display: block;
}
.state-out:not(.cam-available) .video-calls-container .video-container.my-video .video-placeholder,
.cam-enabling-pending:not(.cam-available) .video-calls-container .video-container.my-video .video-placeholder {
  background: #000;
  width: 100%;
  height: 130px;
}
.state-out.cam-not-available .video-calls-container .video-container.my-video .video-cam-unavailable-text,
.cam-enabling-pending.cam-not-available .video-calls-container .video-container.my-video .video-cam-unavailable-text {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cam-enabling-pending .video-calls-container .video-container.my-video .profile,
.transition-out .video-calls-container .video-container.my-video .profile,
.state-out .video-calls-container .video-container.my-video .profile {
  display: none;
}
.cam-enabling-pending .video-calls-container .video-container.my-video .controls,
.transition-out .video-calls-container .video-container.my-video .controls,
.state-out .video-calls-container .video-container.my-video .controls {
  position: absolute;
  z-index: 2;
}
.cam-enabling-pending .video-calls-container .video-container.my-video .monitor,
.transition-out .video-calls-container .video-container.my-video .monitor,
.state-out .video-calls-container .video-container.my-video .monitor {
  width: 180px;
  height: 130px;
  overflow: hidden;
  border-radius: 10px;
  background: transparent;
}
.cam-enabling-pending .video-calls-container .video-container.my-video .monitor .thumbnail,
.transition-out .video-calls-container .video-container.my-video .monitor .thumbnail,
.state-out .video-calls-container .video-container.my-video .monitor .thumbnail {
  display: none;
}
.video-calls-container .video-container .inter-controls {
  display: none;
  text-align: center;
  margin-top: 20px;
}
.transition-in .video-calls-container .video-container .inter-controls,
.transition-out .video-calls-container .video-container .inter-controls {
  display: block;
}
.pending-in .video-calls-container .video-container.interlocutor .monitor .thumbnail,
.transition-in .video-calls-container .video-container.interlocutor .monitor .thumbnail,
.transition-out .video-calls-container .video-container.interlocutor .monitor .thumbnail {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  animation-duration: 3s;
  animation-name: tinDown;
  animation-iteration-count: infinite;
}
.pending-in .video-calls-container .video-container.interlocutor .monitor .thumbnail .photo,
.transition-in .video-calls-container .video-container.interlocutor .monitor .thumbnail .photo,
.transition-out .video-calls-container .video-container.interlocutor .monitor .thumbnail .photo {
  border-radius: 50%;
}
.cam-enabling-pending .video-calls-container .video-container.my-video .monitor::after,
.transition-out .video-calls-container .video-container.my-video .monitor::after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  content: '';
}
.pending-in .video-calls-container .video-container.video-container.interlocutor .video-placeholder,
.transition-in .video-calls-container .video-container.video-container.interlocutor .video-placeholder,
.transition-out .video-calls-container .video-container.video-container.interlocutor .video-placeholder {
  max-height: calc(100vh - 420px);
  min-height: 400px;
}
.state-out:not(.state-in):not(.pending-in):not(.transition-in) .video-calls-container .video-container.video-container.interlocutor .video-placeholder {
  min-height: 350px;
}
.state-in .video-calls-container .video-container.interlocutor .controls {
  position: absolute;
  z-index: 2;
}
.state-in .video-calls-container .video-container.interlocutor .full-screen-toggler.enter {
  display: block;
}
.video-calls-container .video-controls {
  width: calc(100% - 10px);
  z-index: 1;
  position: absolute;
  right: 5px;
  bottom: 5px;
  min-width: 10px;
  min-height: 10px;
}
.video-calls-container .monitor {
  position: relative;
  overflow: hidden;
}
.video-calls-container .monitor .cheers-animation {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  background: transparent;
}
.playing.video-calls-container .monitor .cheers-animation {
  z-index: 3;
}
.room-mode .video-calls-container .monitor .cheers-animation {
  display: block;
}
.video-calls-container .monitor .thumbnail {
  display: none;
}
.video-calls-container .monitor .text {
  display: none;
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 20px;
}
.state-out .video-calls-container .interlocutor .monitor .thumbnail {
  display: block;
}
.state-out .video-calls-container .interlocutor .monitor .callee {
  visibility: hidden;
}
.video-hidden .video-calls-container .interlocutor .monitor .thumbnail {
  display: block !important;
}
.state-in .video-calls-container .interlocutor .monitor .thumbnail,
.state-out.state-in .video-calls-container .interlocutor .monitor .thumbnail {
  display: none;
}
.state-in .video-calls-container .interlocutor .monitor .callee,
.state-out.state-in .video-calls-container .interlocutor .monitor .callee {
  visibility: visible;
}
.video-calls-container .interlocutor .preview,
.video-calls-container .interlocutor .stream-ended {
  position: absolute;
  z-index: 1;
  top: 85px;
  left: 50%;
  margin-left: -150px;
  width: 300px;
}
.room-mode .video-calls-container .interlocutor .preview {
  display: none;
}
.video-calls-container .interlocutor .stream-ended {
  display: none;
}
.video-calls-container .interlocutor .stream-ended .liveroom-start {
  display: block;
  margin: 10px auto auto;
}
.video-calls-container .interlocutor .stream-ended .text {
  display: none;
}
.no-stream .video-calls-container .interlocutor .stream-ended {
  display: block;
}
.no-stream .video-calls-container .interlocutor .stream-ended .thumbnail {
  animation: none !important;
}
.no-stream .video-calls-container .interlocutor .stream-ended .watching {
  display: block;
}
.no-stream .video-calls-container .interlocutor .stream-ended .streaming {
  display: none;
}
.my-room.no-stream .video-calls-container .interlocutor .stream-ended .thumbnail {
  animation: none !important;
}
.my-room.no-stream .video-calls-container .interlocutor .stream-ended .watching {
  display: none;
}
.my-room.no-stream .video-calls-container .interlocutor .stream-ended .streaming {
  display: block;
}
.room-mode.pending-in:not(.my-room):not(.no-stream) .stopped.video-calls-container .interlocutor .stream-ended {
  display: block;
}
.room-mode.pending-in:not(.my-room):not(.no-stream) .stopped.video-calls-container .interlocutor .stream-ended .thumbnail {
  display: block;
}
.room-mode.pending-in:not(.my-room):not(.no-stream) .stopped.video-calls-container .interlocutor .stream-ended .loading {
  display: block;
}
.video-calls-container .video-blur {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 1;
}
.video-calls-container .video-placeholder {
  display: none;
  width: 100%;
}
.video-calls-container .profile {
  display: inline-block;
}
.video-calls-container .profile .thumbnail {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
}
.video-calls-container .controls {
  padding: 5px;
}
.video-calls-container .full-screen-toggler {
  display: none;
  position: absolute;
  right: 40px;
  top: 10px;
  width: 25px;
  height: 25px;
  padding: 0;
  border-radius: 50%;
}
.video-calls-container .full-screen-toggler svg {
  width: 13px;
  fill: #fff;
  vertical-align: middle;
}
.fullscreened .video-calls-container .full-screen-toggler.exit {
  display: block;
}
.fullscreened .video-calls-container .full-screen-toggler.enter {
  display: none;
}
.video-calls-container .warning {
  position: absolute;
  display: none;
  top: 50%;
  margin-top: -49px;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  box-sizing: border-box;
  padding: 15px 0;
  z-index: 3;
}
.warn-call .video-calls-container .warning.call {
  display: block;
}
.warn-streaming .video-calls-container .warning.streaming {
  display: block;
}
.video-calls-container .controls-wrapper {
  margin-top: 10px;
}
.video-calls-container .processing-indicators {
  display: none;
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}
.pending-in .video-calls-container .processing-indicators {
  display: block;
}
.video-calls-container .processing-indicators .indicator {
  background-color: #3b4043;
  width: 6px;
  height: 6px;
  margin: 8px 4px;
  display: inline-block;
  border-radius: 50%;
  transition: background-color 0.25s;
}
.video-calls-container .processing-indicators.step-1 .step-1 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-2 .step-1 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-2 .step-2 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-3 .step-1 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-3 .step-2 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-3 .step-3 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-4 .step-1 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-4 .step-2 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-4 .step-3 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-4 .step-4 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-5 .step-1 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-5 .step-2 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-5 .step-3 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-5 .step-4 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-5 .step-5 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-6 .step-1 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-6 .step-2 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-6 .step-3 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-6 .step-4 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-6 .step-5 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-6 .step-6 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-7 .step-1 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-7 .step-2 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-7 .step-3 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-7 .step-4 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-7 .step-5 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-7 .step-6 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-7 .step-7 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-8 .step-1 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-8 .step-2 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-8 .step-3 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-8 .step-4 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-8 .step-5 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-8 .step-6 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-8 .step-7 {
  background-color: #0d8fba;
}
.video-calls-container .processing-indicators.step-8 .step-8 {
  background-color: #0d8fba;
}
.video-calls-container .restream-informer {
  position: absolute;
  top: 50px;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 13px 0 0 13px;
  padding: 3px 10px 3px 3px;
  transition: right 0.3s ease-out;
}
.video-calls-container .restream-informer p {
  font-size: 11px;
  color: #fff;
  margin: 0;
}
.video-calls-container .restream-informer .rerun-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAAAAXNSR0IArs4c6QAAAfBJREFUSA3NlMsrRVEUh88lrxR5TAykKCKPMlEkKcpA1E1iaoqiKP+AqYkRSjFQDKSUlJIMlAxkJKFbwsgjJHle37rn7G2f0xa6kl99d6+91m+te+85Zx/H+e+KRqOj5m8MmRtbTEM5+VLIgxs4goNQKHTBGhOeQYIxKCQfcbOWT4xpMALHYNMbyWVogBp4AlG/ZZybolgPp+L6ph4N36oa7LsUGLopzECSZ7hknYd1OIUMKIIwNIGvn/0j5HA57lldMbQOzG8fZ5+p6sGV2hjY1K69VJMhYrj6dNES4KuFZ8NvhpO6heyAUZnQBUuALwdODH8wlEvmXiMqe8SVcAvyyMi1tQpvK4UWSINUb5XYJOxgLAClWQy/ogSmFBuTNow4rlAGy4lSOldBvKsM/njmHCc93oGqXwafqQ1riRH/KOQmyXP9AF2xRoIUuAPR9o+meWb6KkDeH6JpPYPNQizlfjTrwjcD2uaM/g7dRrIa1DdGiHN18YsAbye8gugQkn0tJKak4mmXNd9nsGzwhEEdbRkuB8cvkqmwDUpXBEOQ7Xc6cqiqQN7HSvJve4I+vaeYBWvK7a3yi3ZgCTbhAoLq1UM+C+hIhGG4DnZb9vvkGm2zgi9q7aEhi43c4TYoAzmhLyDP/RYswgovrCjr3+kdTRNyAD7uzmMAAAAASUVORK5CYII=) center center no-repeat;
  background-size: cover;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: 1px;
}
.video-calls-container .informer-hidden {
  right: -105px;
}
.menu-panel .stickers-container .smiles-panel {
  position: relative;
  height: 100%;
}
.menu-panel .stickers-container .smiles-panel .tabs-menu {
  display: flex;
  height: 50px;
  background: #f5f5f5;
  font-size: 0;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .menu-panel .stickers-container .smiles-panel .tabs-menu .chat-wrapper:not(.room-mode) {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #eee;
  }
}
.letter-tab .menu-panel .stickers-container .smiles-panel .tabs-menu {
  display: none;
}
.menu-panel .stickers-container .smiles-panel .tabs-menu .tab-trigger {
  flex-grow: 1;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.menu-panel .stickers-container .smiles-panel .tabs-menu .tab-trigger.active {
  background: #fff;
}
.menu-panel .stickers-container .smiles-panel .tabs-menu .tab-trigger img {
  max-height: 40px;
  position: relative;
  top: 50%;
  margin: -20px auto;
  display: block;
  max-width: 100%;
}
.menu-panel .stickers-container .smiles-panel .tabs-menu .tab-trigger i.smile {
  position: relative;
  top: 50%;
  margin: -20px auto;
  display: block;
  width: 40px;
  height: 40px;
  background-size: cover;
}
.menu-panel .stickers-container .smiles-panel .tabs-menu .tab-trigger.smiles-simple img {
  width: 33px;
  height: 33px;
  margin-top: -15px;
}
.menu-panel .stickers-container .smiles-panel .tabs-content {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  margin-top: 50px;
  background: #fff;
}
.room-mode .menu-panel .stickers-container .smiles-panel .tabs-content {
  margin-top: 0;
}
.letter-tab .menu-panel .stickers-container .smiles-panel .tabs-content {
  margin: 0;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .menu-panel .stickers-container .smiles-panel .tabs-content .chat-wrapper:not(.room-mode) {
    margin: 0 0 50px;
  }
}
.menu-panel .stickers-container .smiles-panel .smiles-list {
  margin: 10px 0 50px;
  float: none;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 400px) {
  .menu-panel .stickers-container .smiles-panel .smiles-list {
    margin-top: 0;
  }
}
.menu-panel .stickers-container .smiles-panel .smiles-list img.smile {
  max-height: 34px;
  margin-top: 3px;
}
.menu-panel .stickers-container .smiles-panel .stickers-tabs-body {
  margin: 10px 0 50px;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}
@media (max-width: 400px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body {
    margin-top: 0;
  }
}
.menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
  display: inline-block;
  width: calc(100%/9);
  margin-bottom: 18px;
}
@media (max-width: 1520px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/8);
  }
}
@media (max-width: 1399px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/7);
  }
}
@media (max-width: 1299px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/6);
  }
}
@media (max-width: 1160px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/5);
    margin-bottom: 15px;
  }
}
@media (max-width: 1039px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/4);
  }
}
@media (max-width: 950px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/6);
  }
}
@media (max-width: 899px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/5);
  }
}
@media (max-width: 780px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/4);
  }
}
@media (max-width: 767px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/10);
  }
}
@media (max-width: 744px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/9);
  }
}
@media (max-width: 669px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/8);
  }
}
@media (max-width: 599px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/7);
  }
}
@media (max-width: 529px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/6);
  }
}
@media (max-width: 459px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/5);
  }
}
@media (max-width: 400px) {
  .menu-panel .stickers-container .smiles-panel .stickers-tabs-body li {
    width: calc(100%/4);
    margin-bottom: 11px;
  }
}
.menu-panel .stickers-container .smiles-panel .stickers-tabs-body img {
  display: block;
  max-height: 60px;
  max-width: 60px;
  margin: 0 auto;
  cursor: pointer;
}
.menu-panel .stickers-container .smiles-panel .tab-content {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 10px 10px 0;
  box-sizing: border-box;
}
.letter-tab .menu-panel .stickers-container .smiles-panel .tab-content {
  display: none;
}
.letter-tab .menu-panel .stickers-container .smiles-panel .tab-content.smiles-simple {
  left: 0;
  display: block;
}
@media (max-width: 400px) {
  .menu-panel .stickers-container .smiles-panel .tab-content {
    padding: 10px 5px;
  }
}
.menu-panel .stickers-container .smiles-panel .tab-content::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 65px;
  width: 100%;
  margin: 0;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
  border-radius: 0 5px 5px 0;
  z-index: 0;
  pointer-events: none;
}
.letter-tab .menu-panel .smiles-container .popup {
  box-sizing: border-box;
  right: 0;
  bottom: 42px;
  max-width: 608px;
  width: 50%;
  min-width: 280px;
  max-height: 170px;
  padding: 0;
  margin: 0 auto;
  border: none;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 480px) {
  .letter-tab .menu-panel .smiles-container .popup {
    right: auto;
    left: 50%;
    transform: translateX(-35%);
  }
}
.letter-tab .menu-panel .smiles-container .smiles-list {
  margin: 10px 10px 0;
  width: initial;
  float: none;
  overflow: hidden;
}
.letter-tab .menu-panel .smiles-container .smiles-list .smile {
  margin-top: 3px;
}
.letter-tab .menu-panel .smiles-container .smiles-list li {
  width: calc(100%/6);
}
@media (max-width: 1140px) {
  .letter-tab .menu-panel .smiles-container .smiles-list li {
    width: calc(100%/6);
  }
}
.letter-tab .menu-panel .smiles-container .attachments {
  height: 35px;
}
.stream-private-list {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 57px;
  z-index: 1;
}
.fullscreened .stream-private-list {
  bottom: 55px;
}
.stream-private-list .row-wrapper .header,
.stream-private-list .row-wrapper .information {
  transition-property: opacity, height;
  transition-duration: 0.8s, 0.8s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  will-change: opacity;
}
.stream-private-list .row-wrapper.content {
  display: flex;
  flex-direction: column;
  background: #fff;
}
.stream-private-list .row-wrapper.content .cell {
  flex: 1 0 100%;
  height: 100%;
}
.stream-private-list .row-wrapper.content .nano {
  transition: height 0.8s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  will-change: height;
}
.stream-private-list .row-wrapper.content .close {
  display: none;
}
.stream-private-list .row-wrapper.content .name {
  display: block;
}
.stream-private-list .row-wrapper.content .event-wrapper:not(.no-counter) .total-cheers {
  margin-right: 38px;
}
@media (max-width: 950px) {
  .stream-private-list .row-wrapper.content .event-wrapper:not(.no-counter) .total-cheers {
    margin-right: 0;
  }
}
.stream-private-list .row-wrapper.content .total-cheers {
  display: block;
  background: rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
  border-radius: 20px;
  text-align: left;
  box-shadow: none;
  min-width: 80px;
  color: #222 !important;
  font-weight: normal;
}
.stream-private-list .row-wrapper.content .total-cheers svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.stream-private-list .chat-list-wrapper.collapsed .header,
.stream-private-list .chat-list-wrapper.collapsed .information {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.stream-private-list .chat-list-wrapper.collapsed .row-wrapper.content .nano {
  height: 0;
}
.stream-private-list .chat-list-wrapper:not(.collapsed) .header,
.stream-private-list .chat-list-wrapper:not(.collapsed) .information {
  opacity: 1;
}
.stream-private-list .chat-list-wrapper:not(.collapsed) .row-wrapper.content .nano {
  height: 50vh;
}
.stream-private-list .row-wrapper .header {
  padding-left: 0;
  text-align: center;
}
.stream-private-list .row-wrapper .header .title {
  text-align: center;
  position: relative;
  font-size: 16px;
  vertical-align: middle;
}
.stream-private-list .row-wrapper .header .counter {
  position: relative;
  vertical-align: middle;
  top: 0;
  right: 0;
  margin-top: 0;
}
.stream-private-list #stream-close {
  display: block;
  background-color: transparent;
  position: absolute;
  right: 10px;
  top: 0;
}
.stream-private-list #stream-close svg {
  fill: #999;
}
.stream-private-list #stream-close:hover {
  background-color: #d5232f;
}
.stream-private-list #stream-close:hover svg {
  fill: #fff;
}
.stream-video-frame {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: none;
  justify-content: space-between;
}
.stream-video-frame .shadow {
  z-index: 2;
  width: 0;
  height: 100%;
  background: black;
  opacity: 0.9;
}
.sidebar .stream-video-frame .system-messages {
  margin: 0;
  padding: 0;
  position: static;
  display: none;
  z-index: 6;
}
.sidebar .stream-video-frame .system-messages .system-message {
  padding: 10px 30px;
  margin: 20px 10px;
  display: block;
}
.sidebar .stream-video-frame .system-messages .system-message .close {
  display: block !important;
  background-color: transparent !important;
}
.sidebar .stream-video-frame .system-messages .system-message .close .cross {
  background: url('/i/icons/close.png?1') bottom center no-repeat;
}
@media (max-width: 950px) {
  .sidebar .stream-video-frame .system-messages .system-message .close {
    top: 0;
    right: 0;
  }
}
.role-promoter .room-mode .stream-video-frame {
  display: flex;
}
.no-stream .stream-video-frame {
  display: none !important;
}
.thumbnail {
  display: block;
  position: relative;
  background-color: #fff;
  overflow: hidden;
}
.thumbnail[href^="#"],
.thumbnail[href^="#"]:hover,
.thumbnail a[href^="#"],
.thumbnail a[href^="#"]:hover {
  width: 100%;
  height: 100%;
  border-bottom: 0;
}
.thumbnail .placeholder {
  padding-top: 83.72%;
}
.big-photos .thumbnail .placeholder {
  padding-top: 126%;
}
.thumbnail .photo {
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  border: none;
}
.gallery-oneframe,
.gallery-oneframe-list {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.gallery-oneframe-list {
  overflow: hidden;
}
.gallery-oneframe-list .track {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  transition: left 0.25s;
}
.gallery-oneframe-list .photo {
  display: inline-block;
  position: relative;
}
.gallery-oneframe-list .photo .inner {
  padding: 0;
}
.gallery-oneframe .controls .arrow {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding-top: 9.5px;
  text-align: center;
  background: #000;
  opacity: 0.5;
  cursor: pointer;
  transition: all 0.25s;
}
.gallery-oneframe .controls .arrow:hover {
  opacity: 1;
}
.gallery-oneframe .controls .arrow::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 21px;
}
.gallery-oneframe .controls .arrow.prev {
  left: -40px;
}
.gallery-oneframe .controls .arrow.prev.visible {
  left: 0;
}
.gallery-oneframe .controls .arrow.prev::before {
  background-position: 0 -161px;
}
.gallery-oneframe .controls .arrow.next {
  right: -40px;
}
.gallery-oneframe .controls .arrow.next.visible {
  right: 0;
}
.gallery-oneframe .controls .arrow.next::before {
  background-position: 0 -138px;
}
.social-links {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.social-links .wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}
.social-links .emblem {
  width: 23px;
  height: 21px;
  padding: 0;
}
.social-links .facebook::before {
  background: none;
}
.role-content-operator l10n {
  display: inline-block;
  min-width: 0.5em;
  outline: 2px dashed #000;
  cursor: text !important;
  -webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -o-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  transition: all 2s;
}
.role-content-operator l10n.saving {
  transition: none !important;
  outline-color: #0f0 !important;
}
.role-content-operator l10n.changed {
  transition: all 0.5s;
  outline-color: #f00;
}
link[rel=l10n-image] {
  display: inline-block;
}
link[rel=l10n-image] l10n {
  display: none;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  background-color: inherit;
}
.role-content-operator link[rel=l10n-image] {
  padding: 2px;
}
.role-content-operator link[rel=l10n-image] l10n {
  display: inline-block;
}
.role-content-operator link[rel=l10n-image] img {
  display: none;
}
.role-content-operator .graphictext {
  display: none !important;
}
.complain-block {
  font-size: 14px;
  padding: 25px;
  text-align: center;
  line-height: 1.5;
}
.complain-block .for-streams-operator {
  display: none;
}
.role-streams-operator .complain-block .for-streams-operator {
  display: inline-block;
}
.role-streams-operator .complain-block .not-for-streams-operator {
  display: none;
}
.complain-block .text {
  padding-bottom: 20px;
}
.role-streams-operator .complain-block .text {
  display: none;
}
.complain-block .button {
  min-width: 40px;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.complain-block .button + .button {
  margin-left: 1em;
}
.localstorage ul {
  margin: 0;
  padding: 10px;
  list-style: none;
  font-style: italic;
}
.localstorage ul.list li {
  margin-bottom: 5px;
}
.localstorage .list {
  color: #c41a16;
  font-family: "Segoe UI";
}
.localstorage .key {
  color: #88139e;
}
.localization-browser {
  height: 600px;
  overflow: hidden;
}
.localization-browser aside {
  overflow-y: scroll;
  height: 100%;
  border-right: 1px solid #d6e5f5;
  width: 250px;
  float: left;
  min-height: 100%;
  position: relative;
}
.localization-browser aside .refresh {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeZJREFUeNqsle1P2lAUxh8KLQgCBaofgIqZLxFlA5Fo4v7t7ZNxic5EWRYTE0lFIw6hXa1RShGB8OJO+8FFa1RMT9Kkub399TnnPKfXJUlSJRAI8HAg2u22DlmW+w8OhclihsNhCw6FyWLgcHje2jAYDDAajax7juM+Dux07nFePoVSv0S314PL5QIfjeHT/AISyeR4wFbLwP7OLhRFRiQaQXAyRCqHkKtVXFYqWMlmkVsrvA9IhcVhsQjtSkU6k8Hi0rIFNdP+qygoHx+jdHQEno9gdm7ubWCdVKj1OsRUChubXx/XGYZBPJFA4+YGDf0WZycSOJ8PMUGA1+v9v+858JZe6PX7WEinbV+/M5qoVf+AZVkYzSYOfx2A7Pdkz4u2ofrD7/fb1oNhHpnVVXQ7XZiY/PoGfKTy1ZTdbreJhKZegY9EbVBRnEEtKYJhPVQCe7dtCuOiaKkrSyXoeuPJMzO9a01DrlBANp9/scs2oDA1hcXlFTQbOn7+2MZJqWTVVVNVFPf2sPX9Gy4q55iY8L/fh59zOTyQTU6pk78P9knZyCqDh9KMxgSqZXj8SflCKcVpIlQyd5+6bnYqFApjJjUL1st9bJaF6WnrGicc/9swZJOgUzCT5TEMo0bz69gR8E+AAQB78wPQV2arpgAAAABJRU5ErkJggg==) center center no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 5px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.25s;
}
.localization-browser aside .refresh:hover {
  opacity: 1;
}
.localization-browser aside ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.localization-browser aside ul li {
  min-height: 20px;
  position: relative;
  padding-left: 18px;
  line-height: 20px;
}
.localization-browser aside ul li a {
  position: relative;
  text-decoration: none;
  padding-right: 20px;
}
.localization-browser aside ul li a.folder::after {
  position: absolute;
  background: url(data:image/gif;base64,R0lGODlhBgAlANUiAPz8/OXl5W+zABsbG/Pz876+vtra2nvFAFVVVYuLi5ycnO/v76ysrMfHx3e/AJGRkX7JAImJiZCQkHe/AOvr6+fn5+rq6n3IAOzs7IODg3zHAMDAwHvGAO3t7aurq26zAFlZWRQUFP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACIALAAAAAAGACUAAAZvQJFQBJkMNYKPkCM4KJkHzufS5Egnn+zHOOx6v2DhJjEsDEJCMwKtBoXa7kRoHoqEuw1C18PoDD0WCgFCHgAYDwYihQAVGQuFHYiKFIKEfUN5dyISekNzfkIhboMiom6Jpm4LpiGoo6EhoCIJnUJBADs=) 0 -17px no-repeat;
  width: 10px;
  height: 10px;
  left: -29px;
  top: 1px;
  display: block;
  content: '';
}
.localization-browser aside ul li a.folder:hover::after {
  background-position: 0 -27px;
}
.localization-browser aside ul li.collapsed > ul {
  height: 0;
  overflow: hidden;
}
.localization-browser aside ul li.loaded > a.folder {
  color: #222;
  text-decoration: none;
}
.localization-browser aside ul li.loaded > a.folder::after {
  background-position: 0 -7px;
}
.localization-browser aside ul li.loaded > a.folder:hover::after {
  background-position: 0 3px;
}
.localization-browser aside ul li.loaded.collapsed > a.folder::after {
  background-position: 0 -17px;
}
.localization-browser aside ul li.loaded.collapsed > a.folder:hover::after {
  background-position: 0 -27px;
}
.localization-browser aside ul li.edit a.file {
  color: #222;
  text-decoration: none;
  font-weight: bold;
}
.localization-browser aside ul li.processing > a {
  background: url(/i/preloader-white-16.gif?1) top right no-repeat;
}
.localization-browser aside ul li a::before {
  position: absolute;
  left: -18px;
  top: -1px;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
}
.localization-browser aside ul li a.folder::before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhpJREFUeNpcUj9vEzEU/9nnXC4tTco/hUAGhESHCr4AUicEA9+EBbEwdGOiKuydYGNA4hswdEWq6MKEaFGBFqlCFHq5Jpfz+T3z7CZV2yf57Dv//vmeFf18usa6cd8TtIyWZ2jFiskj9TLYq6aPa79LRGvtxdWXyv56tpXM32GVPoA9eAM7HHQOc9+9vrD0Q6dNTIuqAYqdT1l78cU1Hb+oBL5eR7O7jLlbK3nKf7Hz+WOvLvbhxd67MTSUzKNugGulL1yZqnH5Tp4JiCyodmmx9+Uq7EgEj+T9SLNkD2WAbB5qNoUf7k2CgF0tCk5cTEZ1Ac/cYfYdmQPgrmHvxDqZgWrfZraV4rIkZ8FcgUlpcq4PZxNPY7BElXpuJmwBOeWdyzwNMyJxkYggOUc1SNhV8VxJYlB8f/vIsAA4RBF1kg0uvwmhRlQWYRrnx2vZM4Yw+r2eaWY6IVA9RpVvCFhIUb2SX30oIwfZHNxfCZFgvDhNCWRLiT86JvHEScDCkrVF6I80GYYEoE4TqhLBnQUYzsRWkrCNfxORFK6Oc2cIcQ6RRdlziCl9cmVcX94cCEnuWXA6Q6jL0HuRDL2qI/ikDsoYL5JOE8KIMZhwvvZvPIHJejBKXfxa/ttaIJJ+eRWvUewbZuEwA/ItKFEPDo1WT+5p45VycqbdD/d65tLSY0Zjefhnw5TUh9bd13PJ9urNh++3zzv+F2AAV3+tzz1rB18AAAAASUVORK5CYII=) top left no-repeat;
}
.localization-browser aside ul li a.file::before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNqUkk8oBFEcx787TWvC0R0HRdq4cdhwcHAR2RKtUjg60ea0pyVpc3EQWk7EUVHUKn9aWdsWpbSTKG3YtWUX276Z3WHMe6Mxa7X41puZ953f5/ft/WYswcCJij8okyNIPCZKHQ4HYQYF1Zz6q87DZ+qBf1+NRCItiqKAo52YlOKJRJHQZG9GLPpweHV73cXlvS0Cy68STgNB9hy/ud/kCio0+OIujp69Zdh9IWwfiMxubW9Dra0O9TVVbM9xikW7SRDFCFwTbmYO+324rKvGsa0RnfFF5rnG3cimCCoqP0F6eXmW4VtZg3fGw0zxyAYxnAViZ0CojHneWQ/mlpaRTUs6mFEIrGUlGBlyGokbvQ1AdB5ILMBb3W4kusZGYS0XQBnsbu2ohBC2VLpyRP8835dJlMkbjmRMVsJPQzOLz7wRcJr5zgPrq7sF9ZwJGBzp1v8ijeHNBf0DHUaRkNdeKGjIJ5NJY/PXRMrwcvrrPM4+PfGdLzyiYExBAGW4p3SqaMpPg6MML78STE5P4b/6EGAAJyX9O99UKD8AAAAASUVORK5CYII=) top left no-repeat;
}
.localization-browser aside > ul {
  z-index: 1;
  padding: 10px 0 10px 25px;
}
.localization-browser aside.processing {
  opacity: 0.4;
  background: url(/i/preloader-white-16.gif?1) center center no-repeat;
}
.localization-browser .pad {
  padding: 10px;
  height: 580px;
  overflow-y: scroll;
}
.localization-browser .pad .editor {
  height: 560px;
}
.localization-browser .pad .editor label {
  font-weight: bold;
}
.localization-browser .pad .editor textarea {
  width: 95%;
  max-width: 95%;
  max-height: 100px;
  margin-bottom: 15px;
}
.localization-browser .pad .editor .button-wrapper {
  float: right;
  margin-top: -32px;
  margin-right: 27px;
}
.localization-browser .pad .editor.empty .filename,
.localization-browser .pad .editor.empty .form {
  display: none;
}
.localization-browser .pad .editor.processing {
  opacity: 0.4;
  background: url(/i/preloader-white-16.gif?1) center center no-repeat;
}
.localization-browser .pad .editor.processing .filename,
.localization-browser .pad .editor.processing .form {
  display: none;
}
.blacklist.content .title {
  margin: 0;
  padding-top: 10px;
  text-align: center;
}
.blacklist.content .blacklist {
  width: 460px;
  padding: 20px;
}
.blacklist.content .blacklist > div {
  display: inline-block;
}
.blacklist.content .blacklist p {
  margin: 0;
}
.blacklist.content .blacklist .button.control {
  top: -6px;
}
.blacklist.content .blacklist .acResults {
  margin-top: 65px;
  margin-left: 5px;
}
.blacklist.content .autocomplete {
  width: 250px;
}
.blacklist.content .realm-list,
.blacklist.content .address {
  width: 230px;
  padding: 10px 5px;
  box-sizing: border-box;
}
.blacklist.content .realm-list {
  border: none;
}
.blacklist.content .realm-list label {
  display: block;
}
.orbit-manager .orbit-spinner {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.orbit-manager.load .website-list-data-wrapper {
  min-height: 65px;
}
.orbit-manager.load .website-list-data-wrapper .orbit-spinner {
  display: block;
}
.orbit-manager-wrapper {
  height: 100%;
  padding: 50px;
  box-sizing: border-box;
  margin: auto;
  min-width: 1220px;
}
.orbit-manager-wrapper .button {
  text-transform: uppercase;
}
.orbit-manager-wrapper .tabs-menu {
  margin-bottom: 25px;
}
.orbit-manager-wrapper .tabs-menu .tab-trigger {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  color: #007cd3;
  margin-left: 30px;
}
.orbit-manager-wrapper .tabs-menu .tab-trigger.active {
  color: #222;
}
.orbit-manager-wrapper .tabs-menu .tab-trigger:first-of-type {
  margin-left: 0;
}
.orbit-manager-wrapper .tabs-menu .btn-create-website {
  float: right;
}
.orbit-manager-wrapper .tab-content.websites-list ul {
  list-style: none;
  padding: 0;
}
.orbit-manager-wrapper .tab-content.websites-list .filter-form li,
.orbit-manager-wrapper .tab-content.websites-list .website-list-header li,
.orbit-manager-wrapper .tab-content.websites-list .website-description li,
.orbit-manager-wrapper .tab-content.websites-list .send-to-moderation li,
.orbit-manager-wrapper .tab-content.websites-list .decline-approve li,
.orbit-manager-wrapper .tab-content.websites-list .cancel-decline li {
  display: inline-block;
  vertical-align: middle;
}
.orbit-manager-wrapper .tab-content.websites-list .filter-form {
  list-style: none;
  padding: 0;
}
.orbit-manager-wrapper .tab-content.websites-list .filter-form > li {
  margin-left: 10px;
}
.orbit-manager-wrapper .tab-content.websites-list .filter-form > li:first-of-type {
  margin-left: 0;
}
.orbit-manager-wrapper .tab-content.websites-list .filter-form input.data {
  padding: 0.5em 0.6em;
}
.orbit-manager-wrapper .tab-content.websites-list .filter-form select.data {
  width: 200px;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-header,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data {
  margin: 0;
  border: 1px solid #eee;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-header .offer-id,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .offer-id,
.orbit-manager-wrapper .tab-content.websites-list .website-list-header .user-id,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .user-id {
  width: 10%;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-header .orbit-name,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .orbit-name {
  width: 23%;
  word-wrap: break-word;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-header .product-name,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .product-name,
.orbit-manager-wrapper .tab-content.websites-list .website-list-header .status-name,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .status-name {
  width: 15%;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-header .orbit-actions,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .orbit-actions {
  float: right;
  text-align: right;
  max-width: 25%;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-header .orbit-copy,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .orbit-copy,
.orbit-manager-wrapper .tab-content.websites-list .website-list-header .orbit-cancel-decline,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .orbit-cancel-decline,
.orbit-manager-wrapper .tab-content.websites-list .website-list-header .orbit-decline,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .orbit-decline,
.orbit-manager-wrapper .tab-content.websites-list .website-list-header .orbit-delete,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .orbit-delete {
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-header {
  padding: 15px 30px;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-header li {
  font-weight: bold;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data-wrapper {
  position: relative;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data {
  border-top: 0;
  overflow: auto;
  max-height: 700px;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data > li {
  border-bottom: 1px solid #eee;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data > li:last-of-type {
  border-bottom: 0;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data > li:hover .website-description {
  background: #f1f1f1;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .website-description {
  padding: 15px 30px;
  box-sizing: border-box;
  min-height: 65px;
  overflow: hidden;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .website-description.status-declined {
  background: #fdf4f4;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .website-description .orbit-offer-id,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .website-description .orbit-product {
  color: #a9a9a9;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .website-description .status-declined {
  color: #d5232f;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .website-description .status-active {
  color: #00b15e;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .website-description .orbit-delete,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .website-description .orbit-decline,
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .website-description .orbit-cancel-decline {
  text-align: right;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .decline-reason {
  width: 100%;
  height: 65px;
  padding: 15px 30px;
  margin: 0;
  border: 0;
  resize: none;
  font-size: 16px;
  outline: none;
  box-sizing: border-box;
  font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .decline-reason ::-webkit-input-placeholder {
  color: #cfcfcf;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .decline-reason :-moz-placeholder {
  color: #cfcfcf;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .decline-reason ::-moz-placeholder {
  color: #cfcfcf;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .decline-reason :-ms-input-placeholder {
  color: #cfcfcf;
}
.orbit-manager-wrapper .tab-content.websites-list .website-list-data .decline-description {
  padding: 15px 30px;
  background: #d5232f;
  color: #fff;
  font-size: 14px;
}
.orbit-manager-wrapper .tab-content.promo-generator .form > div {
  margin-bottom: 15px;
}
.orbit-manager-wrapper .tab-content.promo-generator input {
  width: 220px;
  padding: 0.5em 0.6em;
}
.orbit-manager-wrapper .tab-content.promo-generator .promo-code {
  font-size: 27px;
  font-weight: bold;
}
.orbit-creator-wrapper {
  height: 100%;
  padding: 40px;
  box-sizing: border-box;
  margin: auto;
  min-width: 1220px;
  min-height: 625px;
}
.orbit-creator-wrapper .tab-name {
  font-size: 20px;
  font-weight: bold;
}
.orbit-creator-wrapper .form {
  width: 340px;
  margin: 150px auto 0;
}
.orbit-creator-wrapper .form > div {
  margin-bottom: 15px;
  position: relative;
}
.orbit-creator-wrapper .form .button {
  text-transform: uppercase;
}
.orbit-creator-wrapper .form input.data {
  padding: 0.5em 0.6em;
}
.orbit-creator-wrapper .form input.data + .question-tooltip {
  display: block;
  position: absolute;
  top: 13px;
  right: 13px;
  width: 13px;
  height: 13px;
  background: url('/i/orbit/question.png') no-repeat;
  content: "";
  cursor: pointer;
}
.orbit-creator-wrapper .form input.data + .question-tooltip + div {
  position: absolute;
  top: 0;
  right: -230px;
  background: rgba(72, 68, 68, 0.65);
  padding: 10px;
  border-radius: 5px;
  width: 200px;
  color: #fff;
}
.orbit-creator-wrapper .form button {
  width: 100%;
}
.form .editable {
  display: inline;
  position: relative;
}
.mine .form .editable .text,
.role-users-operator .form .editable .text,
.mine .form .editable .hint,
.role-users-operator .form .editable .hint {
  cursor: pointer;
}
.form .editable .text.empty {
  margin-right: 2px;
}
.form .editable .text.empty::before {
  content: '… ';
  margin-right: -3px;
}
.form .editable:hover .hint {
  opacity: 0.99;
}
.mine .form .editable.edit .text,
.role-users-operator .form .editable.edit .text,
.mine .form .editable.edit .hint,
.role-users-operator .form .editable.edit .hint {
  visibility: hidden;
}
.mine .form .editable.edit .editor,
.role-users-operator .form .editable.edit .editor {
  display: block;
  opacity: 0.99;
}
.mine .form .editable.edit .data,
.role-users-operator .form .editable.edit .data {
  width: auto;
}
.form .editable .hint {
  position: relative;
  display: none;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  opacity: 0.5;
  border: 1px solid #a6a6a6;
  background-color: #fff;
  vertical-align: -5px;
  transition: opacity 0.25s;
}
.mine .form .editable .hint,
.role-users-operator .form .editable .hint {
  display: inline-block;
}
.form .editable .hint::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  content: '';
  background: url('/i/hint.png?1') 0 -12px no-repeat;
}
.form .editable .editor {
  position: absolute;
  z-index: 1;
  left: 0;
  display: none;
  top: -9px;
  padding: 4px 5px;
  font-size: 16px;
  white-space: nowrap;
  color: #222;
  background: #f0f0f0;
  border: 1px solid #d1d1d1;
  opacity: 0;
  transition: opacity 0.25s;
}
.form .editable .editor .field-wrapper,
.form .editable .editor .button-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.form .editable .editor .field-wrapper {
  padding-bottom: 0;
}
.form .editable .editor .button-wrapper {
  margin-left: 4px;
}
.form .editable .editor .data {
  font-size: 12px;
}
.form .editable .editor .button {
  margin-top: -2px;
  padding: 4px 10px;
}
.select {
  cursor: pointer;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  z-index: 5;
  position: relative;
}
.select .options {
  display: none;
  background: #fff;
  z-index: 3;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #dde3e9;
  border-width: 0 1px 1px;
  box-sizing: border-box;
}
.select .options .option.selected-option,
.select .options .option:hover {
  background: #eee;
}
.select .options .option .cross {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 5px;
  opacity: 0.7;
}
.select .options .option .cross:hover {
  opacity: 1;
}
.select .options .option .cross::after {
  content: '';
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAATCAYAAABC3CftAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMZJREFUeNqMUEEOgkAMXDY8wgewwbt34wfkf3yjvEDuesbIAzwaP7BOyZQsK0aaDE2ns2Xaom1bhwjAw31HBYyegisgmUDrmwo9J1yAYyIU1sqPJckz0LExADugBxpt+mS8Cp9AzdxYw2cedMKdWXKRedBf7Jlnj7bdKfXA3JMPJbc7rNypsfsVMUb3L8xT+NGvpi8mBeANiE5NIOQrIzrglQiFdTfZSV6acMgeLESOgsg885su7jIPslZv2S4YETLBgv8IMADpZfeyHVCbJAAAAABJRU5ErkJggg==') top center no-repeat;
  width: 9px;
  height: 9px;
  overflow: hidden;
  display: block;
}
.select.mirror .option {
  padding-left: 12px;
  padding-right: 12px;
}
.select.mirror .option.has-icon {
  padding-left: 91px;
}
.select.mirror .option .icon {
  left: 47px;
}
.select.mirror .option .cross {
  left: 10px;
  right: initial;
}
.select.mirror .selected::after {
  left: 15px;
  right: initial;
}
.select .option {
  user-select: none;
  padding: 0 35px 0 12px;
  line-height: 38px;
  position: relative;
}
.select .option.has-icon {
  padding-left: 56px;
}
.select .option .icon {
  width: 28px;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}
.select .option .cross {
  display: none;
}
.select.opened .options {
  display: block;
}
.select .selected {
  height: 100%;
  line-height: 38px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  border: 1px solid #dde3e9;
  border-radius: 5px;
  box-sizing: border-box;
}
.select .selected::after {
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #353535;
  content: '';
  display: block;
  margin: auto 0;
}
.select.opened .selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.confirmation-container {
  font-size: 1.2em;
  text-align: center;
}
.confirmation-container .editable {
  white-space: nowrap;
}
.confirmation-container .sent {
  display: none;
}
.confirmation-container .email.phrase {
  display: inline;
}
.confirmation-container .phrase-email {
  font-weight: bold;
}
.confirmation-container .pseudo-link {
  font-size: 0.87em;
  color: #a9a9a9;
  border-bottom-color: #a9a9a9;
}
.confirmation-container.sent .confirmation {
  display: none;
}
.confirmation-container.sent .sent {
  display: block;
}
.confirmation-container {
  width: 440px;
  padding: 30px 100px 20px;
}
.confirmation-container.sent {
  padding-top: 20px;
}
.settings-wrapper {
  font-size: 14px;
  max-width: 670px;
  padding: 45px 65px;
  position: relative;
  z-index: 2;
  background: #fff;
  background-size: auto;
}
@media (max-width: 590px) {
  .settings-wrapper {
    padding: 45px 36px;
  }
}
@media (max-width: 480px) {
  .settings-wrapper {
    padding: 45px 24px;
  }
}
@media (max-width: 365px) {
  .settings-wrapper {
    padding: 45px 16px;
  }
}
.settings-wrapper.loading > * {
  opacity: 0;
}
.settings-wrapper.loading::before {
  content: '';
  background: url(/i/preloader-white-16.gif?1) center center no-repeat !important;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
}
.settings-wrapper .heading {
  font-size: 30px;
  font-weight: normal;
  margin: 0 30px 17px;
  text-align: center;
}
.settings-wrapper .title {
  font-size: 16px;
}
.settings-wrapper .settings-block {
  margin-bottom: 20px;
}
.settings-wrapper .settings-block .title {
  padding: 0 !important;
  margin: 0 !important;
}
.settings-wrapper h3 {
  margin: 0;
}
.settings-wrapper .email-block {
  line-height: 1.5;
}
.settings-wrapper .phone-block {
  line-height: 1.5;
}
.settings-wrapper .phone-block .field {
  margin-top: 5px;
  position: relative;
  margin-right: 15px;
}
.settings-wrapper .phone-block .field:first-child {
  margin-top: 0;
}
.settings-wrapper .phone-block .field:first-child .delete-phone {
  display: none;
}
.settings-wrapper .phone-block .field .delete-phone {
  cursor: pointer;
  padding: 3px;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -7px;
}
.settings-wrapper .phone-block .field .delete-phone .cross {
  background: url('/i/icons/close.png?1') top center no-repeat;
  width: 9px;
  height: 9px;
}
.settings-wrapper .phone-block .field .delete-phone:hover .cross {
  background-position: 0 -9px;
}
.settings-wrapper .change-password-block {
  line-height: 1.5;
  display: none;
  padding: 0;
  border-bottom: 0;
  margin-bottom: 25px;
}
.settings-wrapper .change-password-block .head {
  margin-bottom: 10px;
  width: 100%;
}
.settings-wrapper .change-password-block .head .title {
  display: none;
}
.settings-wrapper .change-password-block .head h3 {
  margin: 0;
}
.settings-wrapper .change-password-block .form .field-wrapper {
  display: inline-block;
}
.settings-wrapper .change-password-block .form .field-wrapper label {
  display: block;
}
.settings-wrapper .change-password-block .form .success {
  display: inline-block;
  color: #0a0;
  font-size: 11px;
  transition: all 200ms ease-in-out;
  width: 120px;
  margin-left: 10px;
}
.settings-wrapper .change-password-block .form .success.invisible {
  opacity: 0;
  font-size: 0;
}
@media (max-width: 840px) {
  .settings-wrapper .change-password-block .form .success {
    margin-left: 0;
    width: auto;
    display: block;
  }
}
.settings-wrapper.mine .change-password-block {
  display: block;
}
.settings-wrapper .autocharge-container {
  margin-bottom: 45px;
}
.settings-wrapper .autocharge-container .autocharge {
  width: auto;
  margin-right: 5px;
  margin-bottom: 3px;
}
.settings-wrapper .autocharge-container .unavailable {
  display: none;
}
.settings-wrapper .autocharge-container.unavailable .unavailable {
  display: inline;
}
.settings-wrapper .autocharge-container.unavailable .available {
  display: none;
}
.settings-wrapper .button-section {
  position: relative;
  margin-top: 45px;
}
.settings-wrapper .button-section .approve {
  font-size: 17px;
  text-transform: uppercase;
  display: block;
  width: 198px;
  height: 53px;
  margin: auto;
  padding: 0;
}
.settings-wrapper .button-section .cancel {
  font-size: 15px;
  text-transform: uppercase;
  display: inline-block;
  position: absolute;
  right: 50%;
  top: 50%;
  margin-right: 150px;
  margin-top: -8px;
  line-height: 16px;
}
.settings-wrapper .settings-block.preferences .field-wrapper {
  padding-bottom: 5px;
}
.settings-wrapper .settings-block.preferences .settings-checkbox {
  margin-left: 0;
}
.settings-wrapper .settings-block.preferences .settings-checkbox.offset-column {
  margin-left: 15px;
}
.mirror .settings-wrapper .settings-block.preferences input,
.mirror .settings-wrapper .settings-block.preferences select,
.mirror .settings-wrapper .settings-block.preferences textarea {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.settings-wrapper fieldset {
  padding-left: 0;
  margin: 0;
  border: none;
  display: inline-block;
  vertical-align: top;
  min-width: 210px;
}
@media (max-width: 665px) {
  .settings-wrapper fieldset {
    display: block;
  }
}
.settings-wrapper .for-role-developer {
  display: none;
}
.role-developer .settings-wrapper .for-role-developer {
  display: block;
}
.settings-wrapper .system-notifications {
  display: none;
  padding-bottom: 0;
}
.settings-wrapper .system-notifications.system-notifications-enabled {
  display: block;
}
.page .content-container {
  position: relative;
  display: none;
  padding-bottom: 0;
  z-index: 1;
}
.page .content-container h1 {
  text-align: center;
  font-size: 26px;
}
.profile .page .content-container.user-profile,
.search .page .content-container#search-page,
.live .page .content-container#streams-search-page,
.videos .page .content-container.result-grid,
.ward-inbox .page .content-container.user-inbox {
  display: block;
}
.inbox:not(.role-commissions-operator):not(.role-curator) .page .content-container.user-inbox {
  display: block;
}
.inbox.role-commissions-operator:not(.ward-inbox) .page .content-container.agency-inbox,
.inbox.role-curator:not(.ward-inbox) .page .content-container.agency-inbox {
  display: block;
}
.videos .page .content-container.result-grid .spinner {
  display: none;
}
.videos .page .content-container.result-grid.loading .spinner {
  display: block;
  margin: auto;
}
.videos .page .content-container.result-grid .spinner-container .spinner {
  display: block;
}
.videos .page .content-container.result-grid > h3 {
  font-size: 20px;
  text-align: center;
  text-transform: capitalize;
  margin: 18px 0 35px;
}
.mobile-stores {
  margin: 8px 4px 0 4px;
  display: inline-block;
}
.mobile-stores .mobile-store-button::before {
  background-image: url(/i/emblems.png?noMirror&5);
  background-repeat: no-repeat;
  display: inline-block;
  content: '';
  width: 21px;
  height: 21px;
  position: relative;
  top: 5px;
}
.mobile-stores .mobile-store-button.appstore::before {
  background-position: -59px 0;
}
.mobile-stores .mobile-store-button.google-play::before {
  background-position: -59px -31px;
}
.mobile-stores .wrapper {
  margin-top: 7px;
  margin-bottom: 7px;
  width: 100%;
  height: 42px;
}
.mobile-stores .wrapper:first-child {
  margin-top: 0;
}
.mobile-stores .wrapper:last-child {
  margin-bottom: 0;
}
.secondary-tools {
  position: fixed;
  opacity: 1;
}
.secondary-tools.right {
  right: 0;
  transition: width 0.25s, right 0.25s, opacity 0.25s;
}
.secondary-tools.right.loading {
  right: -40px;
  opacity: 0;
}
.secondary-tools.right .button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.secondary-tools.right .button::before {
  left: 0;
}
.secondary-tools.right:hover .button,
.secondary-tools.right.hover .button,
.secondary-tools.right:hover .social-button,
.secondary-tools.right.hover .social-button {
  right: -65px;
}
.secondary-tools.right:hover .mobile-store-button,
.secondary-tools.right.hover .mobile-store-button {
  right: -90px;
}
.secondary-tools.right:hover .contact-us-button,
.secondary-tools.right.hover .contact-us-button {
  right: -78px;
}
.secondary-tools.left {
  left: 0;
  transition: width 0.25s, left 0.25s, opacity 0.25s;
}
.secondary-tools.left.loading {
  left: -40px;
  opacity: 0;
}
.secondary-tools.left .button {
  position: absolute;
  right: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.secondary-tools.left .button::before {
  right: 0;
}
.secondary-tools.left.contact-us .contact-us-button::before {
  right: 4px;
}
.secondary-tools.left.contact-us .contact-us-button .text {
  right: 25px;
}
.secondary-tools.left.contact-us .popup {
  left: 30px;
}
.secondary-tools.left.contact-us .popup::after {
  left: 10px;
}
.secondary-tools.left:hover .button,
.secondary-tools.left.hover .button,
.secondary-tools.left:hover .social-button,
.secondary-tools.left.hover .social-button {
  right: 65px;
  text-align: right;
}
.secondary-tools.left:hover .mobile-store-button,
.secondary-tools.left.hover .mobile-store-button {
  right: 90px;
  text-align: left;
}
.secondary-tools .slide {
  -webkit-transition: -webkit-transform 0.5s 0.0625s, right 0.25s, z-index 0s 0.25s, opacity 0.1s 0.16666667s;
  transition: transform 0.5s 0.0625s, right 0.25s, z-index 0s 0.25s, opacity 0.1s 0.16666667s;
}
.secondary-tools .tool {
  height: 20px;
}
.selecter {
  position: relative;
  display: block;
  z-index: 1;
}
.selecter:focus {
  box-shadow: none;
  outline: none;
}
.selecter,
.selecter * {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.selecter,
.selecter *,
.selecter *::before,
.selecter *::after {
  box-sizing: border-box;
}
.selecter-element {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.selecter-element,
.selecter-element:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
.no-opacity .selecter-element {
  left: -999999px;
}
.selecter-selected {
  position: relative;
  background: transparent;
  border: 1px solid #ccc;
  color: #222;
  cursor: pointer;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 10px 15px;
  text-overflow: clip;
  z-index: 2;
  border-radius: 3px;
}
.selecter-selected::after {
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ccc;
  content: '';
  display: block;
  margin: auto 0;
}
.no-touch .selecter-selected:hover {
  color: #333;
}
.no-touch .selecter.disabled .selecter-selected:hover {
  color: #ccc;
}
.selecter-options {
  width: 100%;
  max-height: 260px;
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid #ccc;
  border-width: 0 1px 1px;
  background-color: #fff;
  display: none;
  margin: 0;
  overflow: auto;
  overflow-x: hidden;
  padding: 0;
  z-index: 50;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.selecter-options.scroller {
  position: absolute;
}
.no-opacity .selecter-options {
  width: auto;
}
.selecter-group {
  border-bottom: 1px solid #ccc;
  color: #999;
  display: block;
  font-size: 11px;
  padding: 10px 15px;
  text-transform: uppercase;
}
.selecter-item {
  position: relative;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ccc;
  color: #222;
  cursor: pointer;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 10px 15px;
  text-decoration: none;
  text-overflow: ellipsis;
}
.selecter-item.placeholder {
  display: none;
}
.selecter-item.selected {
  background: #eee;
}
.selecter-item.disabled {
  color: #999;
  cursor: default;
}
.selecter-item:first-child {
  border-radius: 0;
}
.selecter-item:last-child {
  border-bottom: 0;
  border-radius: 0 0 2px 2px;
}
.no-touch .selecter-item:hover,
.no-touch .selecter-item.selected:hover {
  color: #333;
  background-color: #ccc;
}
.selecter-item.disabled,
.no-touch .selecter-item.disabled:hover {
  color: #ccc;
  background-color: #fff;
}
.selecter.open {
  z-index: 3;
}
.selecter.open .selecter-selected {
  z-index: 51;
  border-radius: 3px 3px 0 0;
}
.selecter.open .selecter-selected,
.selecter.focus .selecter-selected {
  background-color: transparent;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.selecter.cover .selecter-options {
  border-width: 1px;
  top: 0;
  border-radius: 3px;
}
.selecter.cover .selecter-options .selecter-item.first {
  border-radius: 3px 3px 0 0;
}
.selecter.cover.open .selecter-selected {
  z-index: 49;
  border-radius: 3px 3px 0 0;
}
.selecter.bottom .selecter-options {
  top: auto;
  bottom: 100%;
  border-width: 1px 1px 0;
}
.selecter.bottom .selecter-item:last-child {
  border: none;
}
.selecter.bottom.open .selecter-selected {
  border-radius: 0 0 3px 3px;
}
.selecter.bottom.open .selecter-options {
  border-radius: 3px 3px 0 0;
}
.selecter.bottom .cover .selecter-options {
  top: auto;
  bottom: 0;
}
.selecter.bottom .cover.open .selecter-selected {
  border-radius: 3px;
}
.selecter.bottom .cover.open .selecter-options {
  border-radius: 3px;
}
.selecter.multiple .selecter-options {
  width: 100%;
  position: static;
  border-width: 1px;
  display: block;
  border-radius: 3px;
  box-shadow: none;
}
.selecter.disabled .selecter-selected {
  background: #fff;
  border-color: #ccc;
  color: #ccc;
  cursor: default;
}
.selecter.disabled .selecter-options {
  background: #fff;
  border-color: #ccc;
}
.selecter.disabled .selecter-group,
.selecter.disabled .selecter-item {
  border-color: #ccc;
  color: #ccc;
  cursor: default;
}
.selecter.disabled .selecter-item.selected,
.no-touch .selecter.disabled .selecter-item.selected:hover {
  background: #fafafa;
}
.selecter.disabled .selecter-item,
.no-touch .selecter.disabled .selecter-item:hover {
  color: #ccc;
  background-color: #fff;
}
.selecter-options.scroller {
  overflow: hidden;
}
.selecter-options.scroller .scroller-content {
  max-height: 260px;
  padding: 0;
}
.customized-select {
  display: inline-block;
  background: white;
  border-radius: 5px;
  position: relative;
  z-index: 9;
}
.customized-select select {
  font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  height: 52px;
  border: none;
  background: transparent;
  z-index: 1;
  font-size: 1.5em;
  padding: 0 10px 0 10px;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.customized-select select.data {
  padding: 0 30px 0 10px;
}
.mirror .customized-select select.data {
  padding: 0 10px 0 30px;
}
.ie .customized-select select.data {
  padding: 0 0 0 10px;
}
@media (max-width: 950px) {
  .customized-select select {
    height: 42px;
    line-height: 42px;
  }
}
.customized-select select::-ms-expand {
  display: none;
  margin-left: 10px;
}
.customized-select::before,
.customized-select::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
}
.customized-select::before {
  border-left: 1px solid #eee;
}
@media (max-width: 950px) {
  .customized-select::before {
    height: 42px;
  }
}
.customized-select::after {
  background: url('/i/tile.gif?1') 50% no-repeat;
}
.language .customized-select {
  width: 100%;
}
.language .customized-select .selecter-selected {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: transparent;
  padding: 10px 5px 10px 40px;
}
.language .customized-select .selecter-selected::after {
  right: 10px;
}
.mirror .language .customized-select .selecter-selected::after {
  right: auto;
  left: 10px;
}
.language .customized-select .selecter-item:hover,
.language .customized-select .selecter-item.selected:hover {
  background-color: #eee;
}
.language .customized-select .selecter-item {
  border-bottom: none;
  padding: 10px 0 10px 37px;
  position: relative;
}
.language .customized-select .selecter-item .selected {
  background: white;
}
.language .customized-select .selecter-item::after {
  content: ' ';
  position: absolute;
  left: 2px;
  top: 0;
  bottom: 0;
  width: 2.2rem;
  background-position: center center;
  background-repeat: no-repeat;
}
.language .customized-select .selecter-item[data-value="en-US"]::after {
  background-image: url('/i/icons/flag/en.png?1');
}
.language .customized-select .selecter-item[data-value="fr-FR"]::after {
  background-image: url('/i/icons/flag/fr.png?1');
}
.language .customized-select .selecter-item[data-value="ar-SA"]::after {
  background-image: url('/i/icons/flag/ar.png?1');
}
.language .customized-select .selecter-item[data-value="zh-CN"]::after {
  background-image: url('/i/icons/flag/zh.png?1');
}
.sidebar {
  position: fixed;
  bottom: 0;
  top: 0;
  padding-top: 97px;
  padding-bottom: 10px;
  right: 299px;
  box-sizing: border-box;
  max-height: 100vh;
  z-index: 2;
  transition: padding 0.5s;
}
@media (min-width: 1280px) {
  .sidebar {
    right: 289px;
  }
}
@media (max-width: 950px) {
  .sidebar {
    right: 25px;
  }
}
@media (max-width: 767px) {
  .sidebar {
    right: 0;
    padding-top: 87px;
    padding-bottom: 0;
  }
  .sidebar.opened {
    left: 0;
    padding-top: 0;
  }
}
@media (max-width: 600px) {
  .sidebar {
    padding-top: 64px;
  }
}
@media (max-width: 600px) and (orientation: portrait) {
  .hud-hidden .sidebar {
    padding-top: 0;
  }
}
.smartbanner-show .sidebar {
  margin-top: 80px;
}
.sidebar .chat,
.sidebar .close {
  display: none;
}
.sidebar .close,
.sidebar .minimize {
  z-index: 1;
  right: 10px;
  top: 0;
  margin-top: 10px;
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.sidebar .close .cross,
.sidebar .minimize .cross {
  background: none;
}
.sidebar .close svg,
.sidebar .minimize svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: #999;
}
.sidebar .close:hover,
.sidebar .minimize:hover {
  background-color: #d5232f;
}
.sidebar .close:hover svg,
.sidebar .minimize:hover svg {
  fill: #fff;
}
.sidebar .minimize {
  display: none;
}
.sidebar.chat .chat {
  display: block;
}
.sidebar.chat .chat.active-call .close,
.sidebar.chat .chat.active-call .minimize {
  background-color: rgba(0, 0, 0, 0.5);
}
.sidebar.chat .chat.active-call .close svg,
.sidebar.chat .chat.active-call .minimize svg {
  fill: #fff;
}
.sidebar.chat .chat.active-call .close:hover,
.sidebar.chat .chat.active-call .minimize:hover {
  background-color: #000;
}
.sidebar.chat .chat.active-call .close:hover svg,
.sidebar.chat .chat.active-call .minimize:hover svg {
  fill: #fff;
}
.sidebar.opened .close {
  display: block;
  opacity: 1;
  z-index: 2;
}
.sidebar.opened .liveroom.mine.active-streaming .close,
.app-container:not(.role-promoter) .sidebar.opened .liveroom:not(.mine):not(.active-streaming) .close {
  display: none;
}
.sidebar.opened .liveroom.mine.active-streaming .minimize,
.app-container:not(.role-promoter) .sidebar.opened .liveroom:not(.mine):not(.active-streaming) .minimize {
  display: block;
  opacity: 1;
  z-index: 2;
}
.communication-panel .additional-wrapper {
  display: none;
}
.communication-panel .additional-wrapper .additional-wrapper-block {
  border-radius: 10px;
  border: 1px solid #eee;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  background: white;
  overflow: hidden;
}
.communication-panel .additional-wrapper .additional-wrapper-block .header {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 20px;
  border-bottom: 1px solid #eee;
}
.communication-panel .additional-wrapper .additional-wrapper-block .header .title {
  position: absolute;
}
.role-commissions-operator .communication-panel .wrapper {
  display: none;
}
.role-commissions-operator .communication-panel .additional-wrapper.for-commissions-operator {
  display: block;
  height: 100%;
}
.role-commissions-operator .communication-panel .additional-wrapper.for-commissions-operator .bonuses-agency {
  margin-top: 10px;
  height: 275px;
}
.role-commissions-operator .communication-panel .additional-wrapper.for-commissions-operator .promoter-overlords {
  margin: 10px 0;
  min-height: 160px;
  height: calc(100% - 305px);
}
.role-curator .communication-panel .wrapper {
  display: block;
  height: calc(100% - 150px);
}
.role-curator .communication-panel .additional-wrapper.for-curator {
  display: block;
  height: 140px;
}
.role-curator .communication-panel .additional-wrapper.for-curator .bonuses-curator {
  margin-top: 10px;
  height: 100%;
}
.static-page {
  padding: 1em 0 2em;
  line-height: 1.2;
}
.static-page h1 {
  text-align: center;
}
.static-page h2 {
  font-size: 1.17em;
  margin-top: -80px;
  padding-top: 80px;
}
.static-page p strong {
  color: #222;
}
.static-page .button-container {
  text-align: center;
  margin: 1em 0;
}
.static-page .button-container button {
  font-size: 24px;
  font-weight: normal;
}
.static-page .description-contents dt {
  font-weight: bold;
}
.static-page .support .phone,
.static-page .support .e-mail {
  display: block;
  margin-top: 1em;
}
.static-page .support .e-mail {
  padding-bottom: 1em;
}
.static-page .how-to-pay {
  display: none;
}
.limiting-wrapper.about-us {
  width: 890px;
}
.limiting-wrapper.about-us .static-page .warning {
  color: #60b53b;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.limiting-wrapper.contact-us {
  width: 890px;
}
.limiting-wrapper.contact-us .static-page {
  text-align: center;
}
.limiting-wrapper.contact-us .static-page .contact-us-logo {
  width: 237px;
  height: 70px;
  margin: 48px auto 10px;
  background: url('/i/latin/index/logo.svg?2');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.limiting-wrapper.contact-us .static-page .contact-text {
  font-size: 18px;
}
.limiting-wrapper.contact-us .static-page .contact-text a {
  font-weight: bold;
  color: #222;
}
.limiting-wrapper.contact-us .static-page .button-container {
  margin: 50px 0;
}
.limiting-wrapper.contact-us .static-page .bottom-text {
  margin-bottom: 20px;
  line-height: 1.2;
  color: #717171;
}
.limiting-wrapper.stories {
  color: #565656;
}
.limiting-wrapper.stories .stories-column {
  float: left;
  width: 32%;
  margin-left: 10px;
}
.limiting-wrapper.stories .story {
  position: relative;
  font-style: italic;
  border: 1px solid #b4b4b4;
  margin-bottom: 10px;
  background: #fff;
  box-shadow: 0 0 50px rgba(0,0,0,.3);
}
.limiting-wrapper.stories .story .video {
  position: relative;
}
.limiting-wrapper.stories .story iframe {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
}
.limiting-wrapper.stories .story p {
  text-align: left;
  padding: 0 10px;
}
.limiting-wrapper.stories .story .name {
  font-size: 10px;
  text-align: right;
}
.limiting-wrapper.stories .all-stories {
  margin: 20px 0;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.limiting-wrapper.stories .all-stories a {
  color: #fff;
}
@keyframes recording {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.camera-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 0;
}
.camera-wrapper .camera-access-note {
  display: none;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 54px;
  top: 50%;
  margin-top: -27px;
}
.camera-wrapper .result {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mirror .camera-wrapper .result {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  z-index: -999;
}
.camera-wrapper .controls {
  position: absolute;
  bottom: 25px;
  text-align: center;
  width: 100%;
}
.camera-wrapper .controls .button {
  margin: 0 10px;
}
.camera-wrapper .player {
  max-width: 95vw;
  max-height: 95vh;
  visibility: hidden;
}
.mirror .camera-wrapper .player {
  position: relative;
  z-index: -1000;
}
.camera-wrapper .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.camera-wrapper .rec {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 16px;
  line-height: 1;
  color: red;
  animation: recording 1.2s infinite;
}
.camera-wrapper .rec::before {
  content: ' ';
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-color: red;
  margin-right: 5px;
}
.camera-wrapper .countdown {
  color: white;
  opacity: 0.8;
  position: absolute;
  font-size: 300px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
}
@media (max-width: 850px) {
  .camera-wrapper .countdown {
    font-size: 250px;
  }
}
@media (max-width: 750px) {
  .camera-wrapper .countdown {
    font-size: 200px;
  }
}
@media (max-width: 650px) {
  .camera-wrapper .countdown {
    font-size: 150px;
  }
}
@media (max-width: 550px) {
  .camera-wrapper .countdown {
    font-size: 100px;
  }
}
.camera-wrapper .countdown::before {
  content: ' ';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.camera-wrapper .countdown .number {
  display: inline-block;
  vertical-align: middle;
}
.camera-wrapper .shot,
.camera-wrapper .save,
.camera-wrapper .dismiss,
.camera-wrapper .progress,
.camera-wrapper .record,
.camera-wrapper .stop,
.camera-wrapper .busy-message,
.camera-wrapper .rec,
.camera-wrapper .countdown {
  display: none;
}
.camera-wrapper.playing .shot {
  display: inline-block;
}
.camera-wrapper.playing.video-available .record {
  display: inline-block;
}
.camera-wrapper.playing .player {
  visibility: visible;
}
.camera-wrapper.video-only .shot {
  display: none;
}
.camera-wrapper.recording .rec {
  display: block;
}
.camera-wrapper.recording .player {
  visibility: visible;
}
.camera-wrapper.recording .stop {
  display: inline-block;
}
.camera-wrapper.preparing .player {
  visibility: visible;
}
.camera-wrapper.preparing .countdown {
  display: block;
}
.camera-wrapper.got-picture .save,
.camera-wrapper.filmed .save,
.camera-wrapper.got-picture .dismiss,
.camera-wrapper.filmed .dismiss {
  display: inline-block;
}
.camera-wrapper.filmed .video {
  visibility: visible;
}
.camera-wrapper.filmed .player {
  visibility: hidden;
}
.camera-wrapper.got-picture .result {
  display: block;
}
.camera-wrapper.upload .progress,
.camera-wrapper.upload-video .progress {
  width: 400px;
  height: 10px;
  display: inline-block;
}
.camera-wrapper.upload .status,
.camera-wrapper.upload-video .status {
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.camera-wrapper.upload .result {
  display: block;
}
.camera-wrapper.upload-video .video {
  visibility: visible;
}
.camera-wrapper.upload-video .player {
  visibility: hidden;
}
.camera-wrapper .busy-message,
.camera-wrapper .blocked-message {
  display: none;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  height: 100%;
  top: 0;
  text-align: center;
  width: 100%;
}
.camera-wrapper .busy-message .title,
.camera-wrapper .blocked-message .title {
  font-size: 20px;
  margin: 0;
}
.camera-wrapper .busy-message .text,
.camera-wrapper .blocked-message .text {
  margin: 0;
}
.camera-wrapper .camera-icon {
  width: 40px;
  height: 36px;
  margin-bottom: 40px;
}
.camera-wrapper .busy-message-text,
.camera-wrapper .blocked-message-text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 70px;
}
@media (max-width: 670px) {
  .camera-wrapper .busy-message-text,
  .camera-wrapper .blocked-message-text {
    padding: 0 25px;
  }
}
.camera-wrapper.busy,
.camera-wrapper.blocked {
  height: 420px;
  width: 640px;
}
@media (max-width: 670px) {
  .camera-wrapper.busy,
  .camera-wrapper.blocked {
    height: 400px;
    width: 550px;
  }
}
@media (max-width: 599px) {
  .camera-wrapper.busy,
  .camera-wrapper.blocked {
    width: 470px;
  }
}
@media (max-width: 479px) {
  .camera-wrapper.busy,
  .camera-wrapper.blocked {
    width: 320px;
  }
}
.camera-wrapper.busy .busy-message,
.camera-wrapper.blocked .blocked-message {
  display: table;
}
.camera-wrapper.starting {
  width: 370px;
  height: 250px;
}
.camera-wrapper.starting .camera-access-note {
  display: block;
}
.webcam {
  display: none;
}
.ios-env .webcam,
.ie .webcam,
.ios-env .webcam-photo,
.ie .webcam-photo {
  display: none !important;
}
.app-container.has-cam .webcam {
  display: block;
}
.system-messages {
  position: fixed;
  height: 0;
  top: 25px;
  left: 0;
  right: 0;
  margin-top: 88px;
  margin-right: 274px;
  text-align: center;
  z-index: 9;
}
.smartbanner-show .system-messages {
  margin-top: 168px;
}
@media (max-width: 600px) {
  .smartbanner-show .system-messages {
    margin-top: 145px;
  }
}
@media (max-width: 1279px) {
  .system-messages {
    margin-right: 289px;
  }
}
@media (max-width: 950px) {
  .system-messages {
    margin-right: 0;
  }
}
@media (max-width: 600px) {
  .system-messages {
    top: -12px;
    margin-top: 80px;
  }
  .blocked .system-messages {
    top: 15px;
  }
}
.chat-opened .system-messages {
  margin-right: 919px;
}
@media (max-width: 1567px) {
  .chat-opened .system-messages {
    margin-right: calc(50vw + 137px);
  }
}
@media (max-width: 950px) {
  .chat-opened .system-messages {
    margin-right: calc(50vw + 5px);
  }
}
@media (max-width: 767px) {
  .chat-opened .system-messages {
    margin-right: 0;
  }
}
.system-messages a {
  color: #fff;
  border-bottom-color: #fff;
}
.system-messages a:hover {
  color: #cc0000;
  border-bottom-color: #cc0000;
}
.registration-process .system-messages {
  margin-top: 30px;
  margin-right: 0;
}
.blocked .system-messages {
  margin-top: 0;
  margin-right: 0;
}
.system-messages .whatsapp-support,
.system-messages .help-center {
  display: none;
}
.system-messages .live-support {
  display: inline-block;
}
.system-messages .system-message {
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
  position: relative;
  display: inline-block;
  padding: 10px 60px 10px 35px;
  margin-bottom: 5px;
  border-radius: 10px;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 10px #000000;
  transition: opacity 0.25s;
  word-break: break-word;
}
@media (max-width: 1279px) {
  .system-messages .system-message {
    margin-left: 25px;
    margin-right: 10px;
  }
  .blocked .system-messages .system-message {
    margin-right: 25px;
  }
}
@media (max-width: 950px) {
  .system-messages .system-message {
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media (max-width: 479px) {
  .system-messages .system-message {
    margin-left: 15px;
    margin-right: 15px;
  }
  .blocked .system-messages .system-message {
    margin-right: 15px;
  }
}
.system-messages .system-message.info a,
.system-messages .system-message.info span.pseudo-link {
  color: #fff;
  border-bottom: 1px dotted #fff;
}
.system-messages .system-message.info a:hover,
.system-messages .system-message.info span.pseudo-link:hover {
  color: #cc0000;
  border-bottom: 1px dotted #cc0000;
}
.system-messages .system-message.error {
  background-color: rgba(213, 35, 47, 0.7);
}
.system-messages .system-message.success {
  background-color: rgba(0, 159, 131, 0.7);
}
.chat-opened .system-messages .system-message {
  margin: 10px 10px 10px 25px;
}
@media (max-width: 950px) {
  .chat-opened .system-messages .system-message {
    margin: 10px 0 10px 25px;
  }
}
@media (max-width: 767px) {
  .chat-opened .system-messages .system-message {
    margin: 10px 25px;
  }
}
.system-messages .system-message .close {
  opacity: 1;
  right: 12px;
  top: 10px;
  background-color: transparent;
  width: 15px;
  height: 15px;
  margin-top: 0;
}
.system-messages .system-message .close .cross {
  background-position: bottom center;
}
@media (max-width: 950px) {
  .system-messages .system-message .close {
    top: -2px;
    width: 40px;
    height: 40px;
  }
}
.ios-env .system-messages .help-center,
.android-env .system-messages .help-center {
  display: inline-block;
}
.ios-env .system-messages .live-support,
.android-env .system-messages .live-support,
.ios-env .system-messages .whatsapp-support,
.android-env .system-messages .whatsapp-support {
  display: none;
}
.ios-env .system-messages.whatsapp-support .whatsapp-support,
.android-env .system-messages.whatsapp-support .whatsapp-support {
  display: inline-block;
}
.ios-env .system-messages.whatsapp-support .live-support,
.android-env .system-messages.whatsapp-support .live-support,
.ios-env .system-messages.whatsapp-support .help-center,
.android-env .system-messages.whatsapp-support .help-center {
  display: none;
}
.app-overlay .live-support .desk-chat {
  left: 0;
  position: static;
}
.app-overlay .live-support .widget-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.app-overlay .live-support .aivo-container {
  padding-top: 0;
}
.call-wrapper {
  position: relative;
  height: 432px;
  width: 768px;
}
.call-wrapper .caller {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 160px;
  height: 90px;
}
.call-wrapper .callee {
  width: 100%;
  height: 100%;
}
.call-wrapper .ring {
  display: none;
}
.call-wrapper .video {
  width: 100%;
  height: 100%;
}
.call-wrapper .fullscreen-button {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.call-wrapper .spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
}
.call-wrapper .info {
  position: absolute;
  top: 50px;
  right: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
}
.call-wrapper.fullscreened .video {
  background: black;
}
.call-wrapper.fullscreened .spinner {
  background: url("/i/preloader-black-16.gif?1") center center no-repeat;
}
.call-wrapper.loading .callee {
  display: none;
}
.call-wrapper.loading .spinner {
  display: block;
}
.call-wrapper.ringing {
  height: auto;
  width: auto;
}
.call-wrapper.ringing .video {
  display: none;
}
.call-wrapper.ringing .ring {
  display: block;
  padding: 40px;
}
.call-button {
  display: none;
}
.webrtc.url.calls-enabled .call-button {
  display: inline-block;
}
.printer {
  display: none;
}
@media print {
  @page {
    /* Максимальные отступы, при которых пропадает headers/footers в Chrome (по умолчанию .4in) */
    margin: 0.3in;
  }
  .printer {
    /* Добавляем дополнительные отступы слева и справа, чтобы соответствовать стандартным. Сверху и снизу оставлеем равными страничным. */
    margin: 0 0.1in;
  }
  body.printing {
    height: auto;
  }
  /* Убираем все, кроме .printer */
  body.printing > *,
  body.printing::before,
  body.printing::after {
    display: none !important;
  }
  body.printing > .printer {
    display: block !important;
  }
}
.presents-order {
  min-height: 100px;
  min-width: 200px;
}
.presents-order-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
@media (max-width: 599px) {
  .presents-order-container {
    justify-content: center;
  }
}
.presents-order-container.loading .order-container {
  display: none;
}
.presents-order-container.loading::before {
  content: '';
  background: url(/i/preloader-white-16.gif?1) center center no-repeat !important;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
}
.presents-order-container .hint-container .hint {
  width: 350px;
}
@media (max-width: 320px) {
  .presents-order-container .hint-container .hint {
    font-size: 12px;
  }
}
@media (max-height: 530px) {
  .presents-order-container .hint-container .hint {
    max-width: 250px;
  }
}
.presents-order-container .hint-container .hint::after {
  right: 31%;
}
.presents-order-container .order-container {
  max-width: 100%;
  width: 100%;
}
@media (max-height: 480px) {
  .presents-order-container .order-container {
    height: 100%;
  }
}
@media (max-width: 599px), (max-height: 480px) {
  .presents-order-container .tabs-menu {
    display: none;
  }
}
.presents-order-container .tabs-menu::after {
  content: '';
  display: block;
  clear: both;
}
.presents-order-container .tabs-menu[data-tabs="7"] .tab-trigger {
  width: calc(100% / 7);
}
.presents-order-container .tabs-menu[data-tabs="6"] .tab-trigger {
  width: calc(100% / 6);
}
.presents-order-container .tabs-menu[data-tabs="5"] .tab-trigger {
  width: calc(100% / 5);
}
.presents-order-container .tabs-menu[data-tabs="4"] .tab-trigger {
  width: calc(100% / 4);
}
.presents-order-container .tabs-menu[data-tabs="3"] .tab-trigger {
  width: calc(100% / 3);
}
.presents-order-container .tabs-menu[data-tabs="2"] .tab-trigger {
  width: calc(100% / 2);
}
@media (max-width: 767px), (max-height: 700px) {
  .presents-order-container .tabs-menu .tab-trigger {
    padding: 10px 30px;
  }
}
@media (max-width: 650px) {
  .presents-order-container .tabs-menu .tab-trigger {
    padding: 10px;
  }
}
@media (max-width: 767px), (max-height: 700px) {
  .presents-order-container .tabs-menu .tab-label {
    font-size: 13px;
  }
}
.presents-order-container .tab-label {
  margin-bottom: 10px;
  text-transform: capitalize;
  font-size: 18px;
}
.presents-order-container .tabs-content {
  position: relative;
  box-sizing: border-box;
  height: calc(100% - 45px);
}
@media (max-height: 568px) {
  .presents-order-container .tabs-content {
    min-height: calc(100vh - 85px);
  }
}
@media (max-height: 530px) {
  .presents-order-container .tabs-content {
    min-height: calc(100vh - 50px);
    min-width: calc(100vw - 50px);
  }
}
@media (max-height: 480px) {
  .presents-order-container .tabs-content {
    padding-top: 10px;
  }
}
@media (max-width: 479px) {
  .presents-order-container .tabs-content {
    min-height: calc(100vh - 100px);
  }
}
.presents-orders-wrapper .presents-order-container .tabs-content .tab-content,
.presents-orders-wrapper .presents-order-container .tabs-content .orders-container {
  height: 100%;
}
.presents-order-container .button-wrapper {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
@media (max-width: 670px) {
  .presents-order-container .button-wrapper {
    right: 25px;
    bottom: 30px;
  }
}
@media (max-width: 480px) {
  .presents-order-container .button-wrapper {
    bottom: 10px;
    right: 10px;
    width: calc(100% - 20px);
  }
  .presents-order-container .button-wrapper .button {
    width: 100%;
  }
}
.presents-order-container .basket {
  padding: 7px 0;
  margin-right: 10px;
  background: #fff;
  font-size: 11px;
  border-radius: 50%;
  line-height: 0.9;
  width: 23px;
  font-weight: 600;
  display: inline-block;
  color: #cc0000;
}
@media (max-width: 599px) {
  .presents-order-container .basket {
    display: none;
  }
}
.presents-order-container .basket:hover {
  color: #f5704c;
}
.presents-order-container .complete-order {
  text-transform: uppercase;
}
@media (max-width: 320px) {
  .presents-order-container .complete-order {
    font-size: 11px;
    padding: 0.785714em 1em;
  }
}
@media (max-height: 480px) {
  .presents-order-container .complete-order {
    font-size: 11px;
    padding: 0.785714em 1em;
  }
}
.presents-order-container .complete-order[disabled] .basket {
  color: '#eee';
  opacity: 0.5;
}
.presents-order-container .user-avatar {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 80px;
  height: 80px;
}
@media (max-width: 670px) {
  .presents-order-container .user-avatar {
    display: none;
  }
}
.presents-order-container .user-avatar img {
  width: 100%;
  border-radius: 50%;
}
.presents-order-container .user-avatar.online::after {
  background-color: #00b15e;
  position: absolute;
  right: 7px;
  width: 13px;
  height: 13px;
  content: '';
  border-radius: 50%;
  bottom: 3px;
}
.presents-order-container .present-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  box-sizing: border-box;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  padding: 0 25px;
  margin: auto;
  max-width: 1140px;
}
@media (max-width: 768px) {
  .presents-order-container .present-content {
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: center;
  }
}
@media (max-width: 768px) and (orientation: landscape) {
  .presents-order-container .present-content {
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
.presents-order-container .present-content .present-photo {
  max-width: 100%;
  max-height: 100%;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -o-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media (max-width: 1440px) {
  .presents-order-container .present-content .present-photo {
    max-height: 480px;
  }
}
@media (max-width: 1279px) {
  .presents-order-container .present-content .present-photo {
    max-height: 440px;
  }
}
@media (max-width: 1050px) {
  .presents-order-container .present-content .present-photo {
    max-height: 350px;
  }
}
@media (max-width: 950px) {
  .presents-order-container .present-content .present-photo {
    max-height: 300px;
  }
}
@media (max-width: 830px) {
  .presents-order-container .present-content .present-photo {
    max-height: 280px;
  }
}
@media (max-width: 767px) {
  .presents-order-container .present-content .present-photo {
    display: block;
    margin: 0 auto;
    max-height: 220px;
  }
}
@media (max-width: 670px) {
  .presents-order-container .present-content .present-photo {
    max-height: 200px;
  }
}
@media (max-height: 480px) {
  .presents-order-container .present-content .present-photo {
    max-height: 175px;
  }
}
.ie .presents-order-container .present-content .present-photo {
  -webkit-flex: 1 0 50%;
  -moz-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  -o-flex: 1 0 50%;
  flex: 1 0 50%;
}
@media (max-width: 670px), (max-width: 599px) {
  .ie .presents-order-container .present-content .present-photo {
    max-height: 220px;
  }
}
.presents-order-container .present-content .warning {
  display: none;
  font-size: 14px;
  margin: 0;
  max-width: 245px;
}
@media (max-width: 768px) {
  .presents-order-container .present-content .warning {
    text-align: center;
    max-width: 100%;
  }
}
.presents-order-container .present-content.disabled .filter {
  display: none;
}
.presents-order-container .present-content.disabled .warning {
  display: block;
}
.presents-order-container .present-content .choose-item {
  display: inline-block;
}
@media (max-width: 1279px) {
  .presents-order-container .present-content .choose-item {
    max-width: 255px;
  }
}
@media (max-width: 768px) and (max-height: 768px) {
  .presents-order-container .present-content .choose-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
}
@media (max-width: 670px) {
  .presents-order-container .present-content .choose-item {
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: relative;
  }
}
@media (max-width: 768px) {
  .presents-order-container .present-content .choose-item {
    max-width: 100%;
  }
}
@media (max-width: 599px) {
  .presents-order-container .present-content .choose-item {
    display: inline-block;
    margin: 0;
    min-width: inherit;
  }
}
.presents-order-container .present-content .choose-item::after {
  content: '';
  display: block;
  clear: both;
}
@media (max-width: 1023px) {
  .presents-order-container .present-content .choose-item .quantity-select,
  .presents-order-container .present-content .choose-item .pseudo-button {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) and (max-height: 768px) {
  .presents-order-container .present-content .choose-item .quantity-select,
  .presents-order-container .present-content .choose-item .pseudo-button {
    margin-right: 0;
  }
}
@media (max-width: 670px), (max-height: 480px) {
  .presents-order-container .present-content .choose-item .quantity-select {
    margin-left: 5px;
  }
}
@media (max-width: 670px) {
  .presents-order-container .present-content .choose-item .price-text {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0;
    white-space: nowrap;
  }
}
@media (max-height: 480px) {
  .presents-order-container .present-content .choose-item .price-text {
    margin: 0;
    width: 100%;
    white-space: nowrap;
  }
}
.presents-order-container .tab-trigger {
  display: block;
  padding: 20px 30px;
  text-align: center;
  box-sizing: border-box;
  border-top: 2px solid transparent;
  border-right: 2px solid #fff;
  background: #f9f9f9;
  float: left;
}
.presents-order-container .tab-trigger.has-hidden-thumbs .present-thumb.has-counter::after {
  content: attr(data-hidden-thumbs);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-top: 7px;
  background: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  color: #fff;
  box-sizing: border-box;
  border-radius: 50%;
}
.presents-order-container .tab-trigger.active {
  border-top-color: #fbb844;
  background: #fff;
}
.presents-order-container .tab-trigger.active .present-thumb.selected {
  border-color: #fbb844;
}
.presents-order-container .tab-trigger.active .present-thumb {
  opacity: 1;
}
.presents-order-container .tab-trigger.active .present-thumb::after {
  background: transparent;
}
.presents-order-container .tab-trigger:last-child {
  border-right: 0;
}
.presents-order-container .tab-trigger.has-scroll .presents-thumbs {
  white-space: nowrap;
  overflow-x: auto;
}
.presents-order-container .description {
  max-width: 370px;
  margin-left: 50px;
  width: 100%;
}
@media (max-width: 767px) {
  .presents-order-container .description {
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 479px) {
  .presents-order-container .description {
    max-width: 260px;
  }
}
.ie .presents-order-container .description {
  -webkit-flex: 0 1 50%;
  -moz-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  -o-flex: 0 1 50%;
  flex: 0 1 50%;
}
.app-overlay .presents-order-container .description h1 {
  margin-top: 0;
  font-size: 46px;
  text-align: left;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .app-overlay .presents-order-container .description h1 {
    text-align: center;
  }
}
@media (max-width: 479px) {
  .app-overlay .presents-order-container .description h1 {
    font-size: 25px;
  }
}
@media (max-height: 550px) {
  .app-overlay .presents-order-container .description h1 {
    font-size: 28px;
    text-align: left;
  }
}
@media (max-height: 530px) and (max-width: 770px) {
  .app-overlay .presents-order-container .description h1 {
    text-align: left;
  }
}
.presents-order-container .pseudo-button {
  transition: background 0.25s;
  display: inline-block;
  margin-right: 10px;
  height: 40px;
  padding: 10px 40px;
  border: 1px solid #0d8fba;
  text-transform: uppercase;
  color: #0d8fba;
  font-size: 13px;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 25px;
  float: left;
}
@media (max-width: 1023px), (max-height: 650px) {
  .presents-order-container .pseudo-button {
    margin-bottom: 10px;
  }
}
@media (max-width: 479px) {
  .presents-order-container .pseudo-button {
    margin-right: 5px;
  }
}
@media (max-height: 530px) {
  .presents-order-container .pseudo-button {
    padding: 10px 20px;
  }
}
.presents-order-container .pseudo-button:hover {
  background: #e1f8ff;
}
.presents-order-container .pseudo-button .chosen {
  display: none;
}
.presents-order-container .pseudo-button.choosen {
  background: #0d8fba;
  color: #fff;
}
.presents-order-container .pseudo-button.choosen .chosen {
  display: block;
}
.presents-order-container .pseudo-button.choosen .choose {
  display: none;
}
.presents-order-container .pseudo-button.disabled {
  cursor: not-allowed;
}
.presents-order-container .quantity-select {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  float: left;
}
@media (max-width: 479px) {
  .presents-order-container .quantity-select {
    margin-right: 5px;
  }
}
.presents-order-container .quantity-select::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 6px;
  height: 5px;
  width: 8px;
  margin: -3px 0 0 0;
  z-index: 0;
  background: #fff url('/i/icons/black-arrow.png?1') 50% no-repeat;
}
.presents-order-container .quantity-select .data {
  position: relative;
  width: 75px;
  height: 40px;
  margin: 0;
  padding: 0 0 0 15px;
  border: 1px #000 solid;
  font-size: 15px;
  background: transparent;
  box-sizing: border-box;
  border-radius: 25px;
  z-index: 1;
  outline: none;
}
.presents-order-container .quantity-select .data::-ms-expand {
  opacity: 0;
}
.presents-order-container .quantity-select .data::-ms-value {
  background: white;
  color: black;
}
.presents-order-container .filter {
  margin-top: 20px;
  font-size: 13px;
}
@media (max-width: 768px) {
  .presents-order-container .filter {
    text-align: center;
  }
}
@media (max-width: 599px) {
  .presents-order-container .filter {
    position: relative;
    margin-top: 0;
    text-align: center;
  }
}
@media (max-height: 530px) {
  .presents-order-container .filter {
    margin-top: 5px;
  }
}
@media (max-width: 599px) {
  .presents-order-container .pseudo-nav {
    display: block;
    text-align: center;
  }
}
.presents-order-container .presents-thumbs-wrapper {
  max-height: 44px;
  overflow: hidden;
  font-size: 0;
}
.presents-order-container .presents-thumbs {
  height: 70px;
}
@media (max-width: 599px), (max-height: 700px) {
  .presents-order-container .presents-thumbs {
    display: none;
  }
}
.presents-order-container .present-thumb {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 40px;
  border: 2px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  opacity: 0.5;
  margin: 0 1px;
}
.presents-order-container .present-thumb .present {
  border-radius: 50%;
}
.presents-order-container .counter {
  position: relative;
  height: 0;
  top: 25px;
  margin: 0;
  font-size: 15px;
  text-align: center;
  z-index: 1;
}
@media (max-width: 599px) {
  .presents-order-container .counter {
    top: 15px;
  }
}
.presents-order-container .selected-presents {
  font-size: 0;
  position: absolute;
  left: 120px;
  width: calc(100% - 390px);
  bottom: 30px;
  height: 50px;
}
.presents-order-container .selected-presents .arrow-holder {
  width: 40px;
}
.presents-order-container .selected-presents .arrow-holder.left {
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.presents-order-container .selected-presents .arrow-holder.right {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.presents-order-container .selected-presents .arrow-holder .arrow-icon {
  display: none;
}
@media (max-width: 670px) {
  .presents-order-container .selected-presents {
    left: 10px;
    width: calc(100% - 240px);
  }
}
@media (max-width: 480px) {
  .presents-order-container .selected-presents {
    width: calc(100% - 20px);
    left: 10px;
    bottom: 55px;
  }
}
.presents-order-container .selected-present {
  position: relative;
  top: 10px;
  display: inline-block;
  height: 40px;
  width: 52px;
}
.presents-order-container .selected-present .wrapper {
  width: 40px;
  height: 40px;
  position: relative;
}
.presents-order-container .selected-present .photo-frame {
  position: relative;
  max-width: 40px;
  max-height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.presents-order-container .selected-present .close {
  top: 6px;
  right: -13px;
  width: 20px;
  height: 20px;
}
.presents-order-container .selected-present .photo-frame {
  max-height: 40px;
  max-width: 40px;
  width: 100%;
  height: 100%;
}
.presents-order-container .selected-present img {
  max-height: 40px;
  max-width: 40px;
}
.presents-order-container .selected-present.disabled {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.presents-order-container .selected-present.disabled .close {
  cursor: not-allowed;
}
.presents-order-container .selected-present.disabled .close .helper {
  background: none;
}
.presents-order-container .price-text {
  display: inline-block;
  margin: 9px 0;
}
@media (max-width: 1023px), (max-height: 650px) {
  .presents-order-container .price-text {
    display: block;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .presents-order-container .price-text {
    float: left;
  }
}
@media (max-height: 530px) {
  .presents-order-container .price-text {
    clear: both;
  }
}
.presents-order-container .fotorama.custom-arrows .fotorama__arr.fotorama__arr--next {
  right: 30px;
}
@media (max-width: 1279px), (max-height: 767px) {
  .presents-order-container .fotorama.custom-arrows .fotorama__arr.fotorama__arr--next {
    right: 20px;
  }
}
@media (max-width: 480px) {
  .presents-order-container .fotorama.custom-arrows .fotorama__arr.fotorama__arr--next {
    right: 10px;
  }
}
.presents-order-container .fotorama.custom-arrows .fotorama__arr.fotorama__arr--prev {
  left: 30px;
}
@media (max-width: 1279px), (max-height: 767px) {
  .presents-order-container .fotorama.custom-arrows .fotorama__arr.fotorama__arr--prev {
    left: 20px;
  }
}
@media (max-width: 480px) {
  .presents-order-container .fotorama.custom-arrows .fotorama__arr.fotorama__arr--prev {
    left: 10px;
  }
}
.presents-order-container .fotorama__nav__frame .fotorama__dot {
  background: #eee;
  border-color: #eee;
}
@media (max-width: 479px) {
  .presents-order-container .fotorama__nav__frame .fotorama__dot {
    display: inline-block;
    border-radius: 50%;
    border: none;
    height: 6px;
    width: 6px;
  }
}
.presents-order-container .fotorama__nav__frame.fotorama__active .fotorama__dot {
  background: #fbb63f;
  border-color: #fbb63f;
}
@media (max-width: 479px) {
  .presents-order-container .fotorama__nav__frame.fotorama__active .fotorama__dot {
    height: 6px;
    width: 6px;
  }
}
.presents-order-container .fotorama__stage {
  max-height: calc(100vh - 250px);
}
@media (max-width: 767px) {
  .presents-order-container .fotorama__stage {
    max-height: calc(100vh - 80px);
  }
}
@media (max-width: 479px) {
  .presents-order-container .fotorama__stage {
    max-height: calc(100vh - 250px);
  }
}
@media (max-height: 568px) {
  .presents-order-container .fotorama__stage {
    min-height: calc(100vh - 180px);
  }
}
@media (max-height: 480px) {
  .presents-order-container .fotorama__stage {
    min-height: calc(100vh - 150px);
  }
}
.presents-letter {
  height: 890px;
  border-radius: 10px;
}
@media (max-height: 910px) {
  .presents-letter {
    height: 100%;
  }
}
.presents-letter .letter-form .letter-subject,
.presents-letter .letter-form .attachments-wrapper {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}
.presents-letter .letter-cover-image {
  top: 0;
  left: 0;
}
.presents-letter .user-container {
  display: table-row;
  height: 300px;
  text-align: center;
}
@media (max-height: 910px) {
  .presents-letter .user-container {
    height: 200px;
  }
}
@media (max-height: 670px) {
  .presents-letter .user-container {
    height: 70px;
  }
}
.presents-letter .user-avatar {
  margin-top: 75px;
  margin-bottom: 10px;
  border: none;
}
@media (max-height: 910px) {
  .presents-letter .user-avatar {
    margin-top: 45px;
  }
}
@media (max-height: 670px) {
  .presents-letter .user-avatar {
    display: none;
  }
}
.presents-letter .user-avatar:hover {
  border: none;
}
.presents-letter .user-avatar .photo {
  border-radius: 50%;
}
@media (max-height: 670px) {
  .presents-letter .email-title {
    margin-top: 25px;
  }
}
.presents-letter .chat-wrapper {
  padding: 0;
}
.presents-letter .chat-wrapper .letter-form {
  height: 545px;
  margin-bottom: 10px;
}
@media (max-height: 810px) {
  .presents-letter .chat-wrapper .letter-form {
    max-height: 400px;
  }
}
@media (max-height: 670px) {
  .presents-letter .chat-wrapper .letter-form {
    max-height: 340px;
  }
}
@media (max-width: 480px) {
  .presents-letter .chat-wrapper .letter-form {
    padding-top: 0;
  }
}
.presents-letter .chat-wrapper .toolbar-panel {
  border-top: none;
}
.content.presents-send-letter .presents-letter .chat-wrapper .toolbar-panel {
  padding-bottom: 80px;
}
@media (max-width: 480px) {
  .content.presents-send-letter .presents-letter .chat-wrapper .toolbar-panel .send-letter {
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.presents-letter .letter-wrapper {
  display: table-row;
}
.presents-letter .letter-wrapper .message-box {
  height: 580px;
  width: 590px;
  padding: 18px 0;
}
.presents-letter .menu-panel {
  border-bottom: none;
}
@media (max-width: 400px) {
  .content.presents-send-letter .presents-letter .menu-panel {
    bottom: 0;
  }
}
@media (min-width: 1160px) {
  .presents-letter .menu-panel .popup-trigger.attachments::before {
    margin-left: -35px;
  }
}
.presents-letter .attachments {
  border-top: none;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .presents-letter .menu-panel .attachments {
    display: inline-block;
  }
}
.presents-letter .letter-form .letter-text {
  height: 100%;
}
.presents-letter .read-letter-wrapper {
  position: relative;
  display: table;
  width: 100%;
  z-index: 1;
}
.presents-letter .read-letter-wrapper .email-title {
  color: #fff;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
}
.presents-letter .read-letter-wrapper .message-section {
  margin: 0 15px 10px 15px;
  padding: 0;
  height: calc(100% - 10px);
}
.animation-smile {
  width: 40px;
  height: 40px;
  padding-left: 40px;
  display: inline-block;
  background-size: cover;
  vertical-align: bottom;
  box-sizing: border-box;
}
.message.smiles-only .animation-smile {
  width: 60px;
  height: 60px;
  padding-left: 60px;
  animation-name: animation-smile-big;
}
.animation-smile:not(.tab-icon) {
  animation: animation-smile 1.5s steps(32) infinite;
}
@keyframes animation-smile {
  to {
    background-position: -1280px;
  }
}
@keyframes animation-smile-big {
  to {
    background-position: -1920px;
  }
}
.result-grid.result,
.advanced-search.result {
  position: relative;
  padding: 10px 25px;
}
@media (max-width: 1279px) and (min-width: 951px) {
  .result-grid.result,
  .advanced-search.result {
    padding: 10px 10px 10px 25px;
  }
}
@media (max-width: 479px) {
  .result-grid.result,
  .advanced-search.result {
    padding: 10px 15px;
  }
}
.chat-opened .result-grid.result,
.chat-opened .advanced-search.result {
  padding: 10px 10px 10px 25px;
}
@media (max-width: 950px) {
  .chat-opened .result-grid.result,
  .chat-opened .advanced-search.result {
    padding: 10px 0 10px 25px;
  }
}
@media (max-width: 767px) {
  .chat-opened .result-grid.result,
  .chat-opened .advanced-search.result {
    padding: 10px 25px;
  }
}
@media (min-width: 1478px) {
  .result-grid.result,
  .advanced-search.result {
    max-width: 1156px;
    margin: 0 auto;
  }
}
.advanced-search.result.loading .people-wrapper,
.advanced-search.result.empty .people-wrapper {
  opacity: 0;
  transition: opacity 0s;
}
.advanced-search.result.empty .search-empty {
  display: block;
  text-align: center;
  font-size: 100%;
}
.advanced-search.result .search-empty {
  display: none;
}
.advanced-search.result.no-full-matches .for-partial-matches {
  display: block;
}
.role-users-operator .advanced-search.result.no-full-matches .for-partial-matches {
  display: none;
}
.advanced-search.result .for-partial-matches {
  display: none;
}
.advanced-search.result .people-wrapper > h4,
.advanced-search.result .people-wrapper > .note {
  font-size: inherit;
  text-align: center;
}
.advanced-search.result .people-wrapper > h4 {
  text-transform: capitalize;
}
.found-members {
  font-size: 0;
  padding: 0;
  margin: 0 -4px;
  list-style: none;
}
.found-members.list {
  overflow: hidden;
}
.found-members.commission-search {
  overflow: visible;
}
.found-members .member-wrapper,
.found-members .results-card-wrapper {
  position: relative;
  display: inline-block;
  min-height: 175px;
  font-size: 12px;
  vertical-align: top;
  text-align: left;
}
.big-photos .found-members .member-wrapper,
.big-photos .found-members .results-card-wrapper {
  min-height: 121px;
}
.found-members.cluster .placeholder {
  background: #f5f5f5;
}
.found-members.cluster .thumbnail:not(.loaded) .photo {
  transition: opacity 0.1s ease-out 0.3s;
  opacity: 0;
  will-change: opacity;
}
.found-members .profile-card,
.found-members .results-card {
  display: block;
  background: white;
  border-radius: 10px;
  padding: 0;
  overflow: hidden;
}
.big-photos .found-members .profile-card,
.big-photos .found-members .results-card {
  border-radius: 5px;
}
.found-members .profile-card {
  cursor: pointer;
  border: 1px solid #eee;
}
.big-photos .found-members .profile-card {
  border: none;
}
.role-developer .found-members .profile-card.prediction-hot {
  box-shadow: red 0 0 3px;
}
.role-developer .found-members .profile-card.prediction-cold {
  box-shadow: green 0 0 3px;
}
.found-members .birthday .profile-card {
  background: url('/i/birthday/search-card-background-x2.gif') center bottom no-repeat;
  background-size: cover;
}
.found-members .email-confirm-card {
  border: none;
}
.role-users-operator .found-members .thumbnail-pending .profile-card,
.role-users-operator .found-members .passport-pending .profile-card {
  border-color: #cc0000;
}
.role-users-operator .found-members .passport-pending .passport-label {
  display: block;
}
.advanced-search.result .search.spinner {
  padding-bottom: 50px;
  width: 100%;
}
.found-members .member-wrapper .start-conversation,
.found-members .results-card-wrapper .start-conversation {
  display: none;
}
.big-photos .found-members .member-wrapper,
.big-photos .found-members .results-card-wrapper {
  max-width: 390px;
  max-height: 490px;
}
.big-photos .found-members .member-wrapper .start-conversation,
.big-photos .found-members .results-card-wrapper .start-conversation {
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  text-align: center;
  box-sizing: border-box;
  padding-right: 9px;
}
.big-photos .found-members .member-wrapper .start-conversation .send-letter,
.big-photos .found-members .results-card-wrapper .start-conversation .send-letter,
.big-photos .found-members .member-wrapper .start-conversation .start-chat,
.big-photos .found-members .results-card-wrapper .start-conversation .start-chat,
.big-photos .found-members .member-wrapper .start-conversation .start-video,
.big-photos .found-members .results-card-wrapper .start-conversation .start-video,
.big-photos .found-members .member-wrapper .start-conversation .watch-stream,
.big-photos .found-members .results-card-wrapper .start-conversation .watch-stream {
  display: none;
  position: relative;
  height: auto;
  width: 200px;
}
@media (max-width: 1024px) {
  .chat-closed .big-photos .found-members .member-wrapper .start-conversation .send-letter,
  .chat-closed .big-photos .found-members .results-card-wrapper .start-conversation .send-letter,
  .chat-closed .big-photos .found-members .member-wrapper .start-conversation .start-chat,
  .chat-closed .big-photos .found-members .results-card-wrapper .start-conversation .start-chat,
  .chat-closed .big-photos .found-members .member-wrapper .start-conversation .start-video,
  .chat-closed .big-photos .found-members .results-card-wrapper .start-conversation .start-video,
  .chat-closed .big-photos .found-members .member-wrapper .start-conversation .watch-stream,
  .chat-closed .big-photos .found-members .results-card-wrapper .start-conversation .watch-stream {
    width: 170px;
    padding: 0.6em;
  }
}
@media (max-width: 650px) {
  .chat-closed .big-photos .found-members .member-wrapper .start-conversation .send-letter,
  .chat-closed .big-photos .found-members .results-card-wrapper .start-conversation .send-letter,
  .chat-closed .big-photos .found-members .member-wrapper .start-conversation .start-chat,
  .chat-closed .big-photos .found-members .results-card-wrapper .start-conversation .start-chat,
  .chat-closed .big-photos .found-members .member-wrapper .start-conversation .start-video,
  .chat-closed .big-photos .found-members .results-card-wrapper .start-conversation .start-video,
  .chat-closed .big-photos .found-members .member-wrapper .start-conversation .watch-stream,
  .chat-closed .big-photos .found-members .results-card-wrapper .start-conversation .watch-stream {
    width: calc(100% - .6em*2);
  }
}
@media (max-width: 1700px) {
  .chat-opened .big-photos .found-members .member-wrapper .start-conversation .send-letter,
  .chat-opened .big-photos .found-members .results-card-wrapper .start-conversation .send-letter,
  .chat-opened .big-photos .found-members .member-wrapper .start-conversation .start-chat,
  .chat-opened .big-photos .found-members .results-card-wrapper .start-conversation .start-chat,
  .chat-opened .big-photos .found-members .member-wrapper .start-conversation .start-video,
  .chat-opened .big-photos .found-members .results-card-wrapper .start-conversation .start-video,
  .chat-opened .big-photos .found-members .member-wrapper .start-conversation .watch-stream,
  .chat-opened .big-photos .found-members .results-card-wrapper .start-conversation .watch-stream {
    width: 200px;
  }
}
@media (max-width: 1530px) {
  .chat-opened .big-photos .found-members .member-wrapper .start-conversation .send-letter,
  .chat-opened .big-photos .found-members .results-card-wrapper .start-conversation .send-letter,
  .chat-opened .big-photos .found-members .member-wrapper .start-conversation .start-chat,
  .chat-opened .big-photos .found-members .results-card-wrapper .start-conversation .start-chat,
  .chat-opened .big-photos .found-members .member-wrapper .start-conversation .start-video,
  .chat-opened .big-photos .found-members .results-card-wrapper .start-conversation .start-video,
  .chat-opened .big-photos .found-members .member-wrapper .start-conversation .watch-stream,
  .chat-opened .big-photos .found-members .results-card-wrapper .start-conversation .watch-stream {
    width: 170px;
    padding: 0.6em;
  }
}
@media (max-width: 1024px) {
  .chat-closed .big-photos .found-members .member-wrapper .start-conversation .start-chat,
  .chat-closed .big-photos .found-members .results-card-wrapper .start-conversation .start-chat {
    padding-top: 0.4em;
    padding-bottom: 0.6em;
  }
}
@media (max-width: 1024px) {
  .chat-closed .big-photos .found-members .member-wrapper .start-conversation,
  .chat-closed .big-photos .found-members .results-card-wrapper .start-conversation {
    bottom: 10px;
  }
}
@media (max-width: 599px) {
  .chat-closed .big-photos .found-members .member-wrapper .start-conversation,
  .chat-closed .big-photos .found-members .results-card-wrapper .start-conversation {
    display: none;
  }
}
@media (max-width: 1530px) {
  .chat-opened .big-photos .found-members .member-wrapper .start-conversation,
  .chat-opened .big-photos .found-members .results-card-wrapper .start-conversation {
    bottom: 10px;
  }
}
@media (max-width: 1180px) {
  .chat-opened .big-photos .found-members .member-wrapper .start-conversation,
  .chat-opened .big-photos .found-members .results-card-wrapper .start-conversation {
    display: none;
  }
}
.big-photos .found-members .member-wrapper.offline .start-conversation .send-letter,
.big-photos .found-members .results-card-wrapper.offline .start-conversation .send-letter {
  display: inline-block;
}
.big-photos .found-members .member-wrapper.online .start-conversation .start-chat,
.big-photos .found-members .results-card-wrapper.online .start-conversation .start-chat,
.webrtc.calls-enabled .big-photos .found-members .member-wrapper.online.has-cam .start-conversation .start-video,
.webrtc.calls-enabled .big-photos .found-members .results-card-wrapper.online.has-cam .start-conversation .start-video {
  display: inline-block;
}
.webrtc.calls-enabled .big-photos .found-members .member-wrapper.online.has-cam .start-conversation .start-chat,
.webrtc.calls-enabled .big-photos .found-members .results-card-wrapper.online.has-cam .start-conversation .start-chat {
  display: none;
}
.app-container.webrtc.calls-enabled.has-cam .big-photos .found-members .member-wrapper.online.no-cam .start-conversation .button.start-video,
.app-container.webrtc.calls-enabled.has-cam .big-photos .found-members .results-card-wrapper.online.no-cam .start-conversation .button.start-video {
  display: none;
}
.app-container.no-webrtc .big-photos .found-members .member-wrapper.online.has-cam .start-conversation .start-chat,
.app-container.no-webrtc .big-photos .found-members .results-card-wrapper.online.has-cam .start-conversation .start-chat {
  display: inline-block;
}
.app-container.no-webrtc .big-photos .found-members .member-wrapper.online.has-cam .start-conversation .start-video,
.app-container.no-webrtc .big-photos .found-members .results-card-wrapper.online.has-cam .start-conversation .start-video {
  display: none;
}
.app-container.no-webrtc .big-photos .found-members .member-wrapper.online.has-cam .start-conversation .video-postfix,
.app-container.no-webrtc .big-photos .found-members .results-card-wrapper.online.has-cam .start-conversation .video-postfix {
  display: none;
}
.advanced-search.result .people-wrapper {
  position: relative;
  max-width: 1165px;
  width: 100%;
  height: auto;
  margin: auto;
}
@media screen and (min-width: 1696px) and (max-width: 1952px) {
  .chat-opened .advanced-search.result .people-wrapper {
    max-width: 932px;
  }
}
.agencies-filters {
  margin: 0 0 10px;
  overflow: hidden;
}
.agencies-filters .users-counter {
  display: inline-block;
}
.agencies-filters .users-counter .counter {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
.agencies-filters .users-counter .counter svg,
.agencies-filters .users-counter .counter .count {
  display: inline-block;
  vertical-align: middle;
}
.agencies-filters .users-counter .count {
  color: #717171;
  font-size: 12px;
  font-weight: bold;
}
.agencies-filters .users-counter .counter-total svg {
  width: 12px;
  height: 16px;
  fill: #717171;
}
.agencies-filters .users-counter .counter-camera svg {
  width: 20px;
  height: 14px;
  fill: #0D8FBA;
}
.agencies-filters .users-counter .counter-mobile svg {
  width: 9px;
  height: 14px;
  fill: #009f83;
}
.agencies-filters .users-counter .counter-online svg {
  width: 16px;
  height: 14px;
  fill: #009f83;
}
.agencies-filters .agencies-search {
  float: right;
}
@media (max-width: 600px) {
  .agencies-filters .agencies-search {
    float: none;
    margin-top: 15px;
  }
}
.agencies-filters .agencies-search .field-wrapper {
  display: inline-block;
}
.agencies-filters .agencies-search .data {
  font-size: 14px;
  width: 200px;
  height: 39px;
  line-height: 39px;
}
.promoter-filters {
  margin: 0 0 10px;
  overflow: hidden;
}
.promoter-filters .promoter-search {
  float: right;
}
@media (max-width: 600px) {
  .promoter-filters .promoter-search {
    float: none;
    margin-top: 15px;
  }
}
.promoter-filters .promoter-search .field-wrapper {
  display: inline-block;
}
.promoter-filters .promoter-search .data {
  font-size: 14px;
  width: 200px;
  height: 39px;
  line-height: 39px;
}
.found-members {
  position: relative;
  text-align: left;
  white-space: normal;
  transition: none;
  transform: translateZ(0);
  will-change: contents;
}
.role-commissions-operator .found-members {
  padding-bottom: 180px;
}
@media (max-width: 350px) {
  .found-members {
    text-align: center;
  }
}
.found-members .search-break {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  text-align: center;
  color: #717171;
}
.found-members .search-break::before,
.found-members .search-break::after {
  background-color: #eee;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: calc(50% - 108px);
}
.found-members .search-break::before {
  margin-right: 10px;
}
.found-members .search-break::after {
  margin-left: 10px;
}
.found-members .button.call.monitoring {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  display: none;
}
.call-monitoring-available.webrtc .found-members .has-cam .call.monitoring.enable {
  display: block;
}
.call-monitoring-available.webrtc .found-members .has-cam.call-monitoring-active .call.monitoring.enable {
  display: none;
}
.call-monitoring-available.webrtc .found-members .has-cam.call-monitoring-active .call.monitoring.disable {
  display: block;
}
.found-members .member-wrapper,
.found-members .results-card-wrapper {
  left: 0;
  top: 0;
  height: auto;
  padding: 0 4px 10px;
  margin: 0;
  box-sizing: border-box;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border-radius: 0;
  transition: none;
  width: 20%;
}
.found-members .member-wrapper .stats,
.found-members .results-card-wrapper .stats {
  position: absolute;
  left: 14px;
  top: 10px;
}
.big-photos .found-members .member-wrapper,
.big-photos .found-members .results-card-wrapper {
  max-width: 390px;
  max-height: 490px;
}
.big-photos .found-members .member-wrapper.stream .watch-stream,
.big-photos .found-members .results-card-wrapper.stream .watch-stream {
  display: inline-block;
}
@media screen and (min-width: 1051px) and (max-width: 1307px) {
  .chat-closed .found-members .member-wrapper,
  .chat-closed .found-members .results-card-wrapper {
    width: 20%;
  }
}
@media (max-width: 1125px) {
  .chat-closed .found-members .member-wrapper,
  .chat-closed .found-members .results-card-wrapper {
    width: 25%;
  }
}
@media (max-width: 950px) {
  .chat-closed .found-members .member-wrapper,
  .chat-closed .found-members .results-card-wrapper {
    width: 25%;
  }
}
@media (max-width: 756px) {
  .chat-closed .found-members .member-wrapper,
  .chat-closed .found-members .results-card-wrapper {
    width: 33.33%;
  }
}
@media (max-width: 470px) {
  .chat-closed .found-members .member-wrapper,
  .chat-closed .found-members .results-card-wrapper {
    width: 50%;
  }
}
@media (max-width: 1888px) {
  .chat-opened .found-members .member-wrapper,
  .chat-opened .found-members .results-card-wrapper {
    width: 25%;
  }
}
@media (max-width: 1695px) {
  .chat-opened .found-members .member-wrapper,
  .chat-opened .found-members .results-card-wrapper {
    width: 33.33%;
  }
}
@media (max-width: 1320px) {
  .chat-opened .found-members .member-wrapper,
  .chat-opened .found-members .results-card-wrapper {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .chat-opened .found-members .member-wrapper,
  .chat-opened .found-members .results-card-wrapper {
    width: 25%;
  }
}
@media (max-width: 756px) {
  .chat-opened .found-members .member-wrapper,
  .chat-opened .found-members .results-card-wrapper {
    width: 33.33%;
  }
}
@media (max-width: 465px) {
  .chat-opened .found-members .member-wrapper,
  .chat-opened .found-members .results-card-wrapper {
    width: 50%;
  }
}
.chat-closed .big-photos .found-members .member-wrapper,
.chat-closed .big-photos .found-members .results-card-wrapper {
  width: 33.33%;
}
@media (max-width: 480px) {
  .chat-closed .big-photos .found-members .member-wrapper,
  .chat-closed .big-photos .found-members .results-card-wrapper {
    width: 50%;
  }
}
.chat-opened .big-photos .found-members .member-wrapper,
.chat-opened .big-photos .found-members .results-card-wrapper {
  width: 33.33%;
}
@media (max-width: 1700px) {
  .chat-opened .big-photos .found-members .member-wrapper,
  .chat-opened .big-photos .found-members .results-card-wrapper {
    width: 50%;
  }
}
.found-members .member-wrapper .thumbnail,
.found-members .results-card-wrapper .thumbnail {
  width: 100%;
  height: auto;
  border: none;
  border-radius: 5px 5px 0 0;
  opacity: 1;
}
.big-photos .found-members .member-wrapper .thumbnail::before,
.big-photos .found-members .results-card-wrapper .thumbnail::before {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px;
  z-index: 1;
  content: '';
  background: url('/i/search/gradient.png?1');
}
.found-members .member-wrapper .thumbnail .icon.vip,
.found-members .results-card-wrapper .thumbnail .icon.vip {
  top: 10px;
  right: 10px;
}
.found-members .member-wrapper .thumbnail .photo,
.found-members .results-card-wrapper .thumbnail .photo {
  position: absolute;
  margin: auto;
  border-radius: 5px 5px 0 0;
  max-height: 211px;
}
.big-photos .found-members .member-wrapper .thumbnail .photo,
.big-photos .found-members .results-card-wrapper .thumbnail .photo {
  max-height: 490px;
}
@media screen and (min-width: 1051px) and (max-width: 1307px) {
  .chat-closed .big-photos .found-members .member-wrapper .thumbnail .photo,
  .chat-closed .big-photos .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 490px;
  }
}
@media screen and (min-width: 924px) and (max-width: 1050px) {
  .chat-closed .big-photos .found-members .member-wrapper .thumbnail .photo,
  .chat-closed .big-photos .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 490px;
  }
}
@media screen and (min-width: 744px) and (max-width: 923px) {
  .chat-closed .big-photos .found-members .member-wrapper .thumbnail .photo,
  .chat-closed .big-photos .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 490px;
  }
}
@media screen and (min-width: 0px) and (max-width: 743px) {
  .chat-closed .big-photos .found-members .member-wrapper .thumbnail .photo,
  .chat-closed .big-photos .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 490px;
  }
}
@media screen and (min-width: 1696px) and (max-width: 1952px) {
  .chat-opened .big-photos .found-members .member-wrapper .thumbnail .photo,
  .chat-opened .big-photos .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 490px;
  }
}
@media screen and (min-width: 1569px) and (max-width: 1695px) {
  .chat-opened .big-photos .found-members .member-wrapper .thumbnail .photo,
  .chat-opened .big-photos .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 490px;
  }
}
@media screen and (min-width: 1389px) and (max-width: 1568px) {
  .chat-opened .big-photos .found-members .member-wrapper .thumbnail .photo,
  .chat-opened .big-photos .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 490px;
  }
}
@media screen and (min-width: 0px) and (max-width: 1388px) {
  .chat-opened .big-photos .found-members .member-wrapper .thumbnail .photo,
  .chat-opened .big-photos .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 490px;
  }
}
@media screen and (min-width: 1051px) and (max-width: 1307px) {
  .chat-closed .found-members .member-wrapper .thumbnail .photo,
  .chat-closed .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 195px;
  }
}
@media screen and (min-width: 924px) and (max-width: 1050px) {
  .chat-closed .found-members .member-wrapper .thumbnail .photo,
  .chat-closed .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 194px;
  }
}
@media screen and (min-width: 744px) and (max-width: 923px) {
  .chat-closed .found-members .member-wrapper .thumbnail .photo,
  .chat-closed .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 245px;
  }
}
@media screen and (min-width: 0px) and (max-width: 743px) {
  .chat-closed .found-members .member-wrapper .thumbnail .photo,
  .chat-closed .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 180px;
  }
}
@media screen and (min-width: 1696px) and (max-width: 1952px) {
  .chat-opened .found-members .member-wrapper .thumbnail .photo,
  .chat-opened .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 195px;
  }
}
@media screen and (min-width: 1569px) and (max-width: 1695px) {
  .chat-opened .found-members .member-wrapper .thumbnail .photo,
  .chat-opened .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 194px;
  }
}
@media screen and (min-width: 1389px) and (max-width: 1568px) {
  .chat-opened .found-members .member-wrapper .thumbnail .photo,
  .chat-opened .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 245px;
  }
}
@media screen and (min-width: 0px) and (max-width: 1388px) {
  .chat-opened .found-members .member-wrapper .thumbnail .photo,
  .chat-opened .found-members .results-card-wrapper .thumbnail .photo {
    max-height: 180px;
  }
}
.found-members .member-wrapper .passport-label,
.found-members .results-card-wrapper .passport-label {
  display: none;
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 2px 4px #000, 0 0 1px #000;
  color: #fafafa;
  pointer-events: none;
}
.webrtc.calls-enabled .found-members .member-wrapper.has-cam.online .profile-info .brief-info .led,
.webrtc.calls-enabled .found-members .results-card-wrapper.has-cam.online .profile-info .brief-info .led {
  display: block;
  top: 9px;
  width: 14px;
  height: 9px;
  background: url('/i/icons/video-status.png?1492681579807') center center no-repeat;
  background-size: contain;
  border-radius: 0;
}
.webrtc.calls-enabled .found-members .member-wrapper.has-cam.online.no-webapp.has-mobileapp .profile-info .brief-info .led,
.webrtc.calls-enabled .found-members .results-card-wrapper.has-cam.online.no-webapp.has-mobileapp .profile-info .brief-info .led {
  display: block;
  top: 4px;
  width: 11px;
  height: 16px;
  background: url('/i/icons/mobileapp-status.png?1') center center no-repeat;
  background-size: contain;
  border-radius: 0;
}
.found-members .member-wrapper.offline.presence-mobileapp .profile-info .brief-info .led,
.found-members .results-card-wrapper.offline.presence-mobileapp .profile-info .brief-info .led {
  display: block;
  top: 4px;
  width: 11px;
  height: 16px;
  background: url('/i/icons/mobileapp-status-offline.png?1') center center no-repeat;
  border-radius: 0;
}
.found-members .member-wrapper.no-webapp.has-mobileapp.online .profile-info .brief-info .led,
.found-members .results-card-wrapper.no-webapp.has-mobileapp.online .profile-info .brief-info .led {
  display: block;
  top: 4px;
  width: 11px;
  height: 16px;
  background: url('/i/icons/mobileapp-status.png?1') center center no-repeat;
  background-size: contain;
  border-radius: 0;
}
.found-members .member-wrapper .profile-info,
.found-members .results-card-wrapper .profile-info {
  top: 100%;
  padding: 11px 14px;
  background: transparent;
}
.found-members .member-wrapper .profile-info .connection-status .led svg,
.found-members .results-card-wrapper .profile-info .connection-status .led svg {
  display: none;
}
.big-photos .found-members .member-wrapper .profile-info,
.big-photos .found-members .results-card-wrapper .profile-info {
  position: absolute;
  z-index: 1;
  top: auto;
  bottom: 75px;
  text-align: center;
  width: 100%;
  padding: 0 9px 0 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .chat-closed .big-photos .found-members .member-wrapper .profile-info,
  .chat-closed .big-photos .found-members .results-card-wrapper .profile-info {
    bottom: 65px;
  }
}
@media (max-width: 599px) {
  .chat-closed .big-photos .found-members .member-wrapper .profile-info,
  .chat-closed .big-photos .found-members .results-card-wrapper .profile-info {
    text-align: left;
  }
}
@media (max-width: 1530px) {
  .chat-opened .big-photos .found-members .member-wrapper .profile-info,
  .chat-opened .big-photos .found-members .results-card-wrapper .profile-info {
    bottom: 65px;
  }
}
@media (max-width: 1180px) {
  .chat-opened .big-photos .found-members .member-wrapper .profile-info,
  .chat-opened .big-photos .found-members .results-card-wrapper .profile-info {
    text-align: left;
    bottom: 20px;
  }
}
.big-photos .found-members .member-wrapper .profile-info .brief-info,
.big-photos .found-members .results-card-wrapper .profile-info .brief-info {
  color: #fff;
  padding: 0 15px;
}
.found-members .member-wrapper .profile-info .brief-info,
.found-members .results-card-wrapper .profile-info .brief-info {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.found-members .member-wrapper .profile-info .brief-info .user-container,
.found-members .results-card-wrapper .profile-info .brief-info .user-container {
  display: inline-flex;
  max-width: 100%;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.found-members .member-wrapper .profile-info .brief-info .user-container.mobile,
.found-members .results-card-wrapper .profile-info .brief-info .user-container.mobile {
  display: none;
}
.found-members .member-wrapper .profile-info .brief-info .user-container txt,
.found-members .results-card-wrapper .profile-info .brief-info .user-container txt {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.found-members .member-wrapper .profile-info .brief-info .age,
.found-members .results-card-wrapper .profile-info .brief-info .age {
  white-space: nowrap;
}
.found-members .member-wrapper .profile-info .brief-info .led,
.found-members .results-card-wrapper .profile-info .brief-info .led {
  top: 7px;
  left: 10px;
  width: 10px;
  height: 10px;
}
@media screen and (min-width: 744px) and (max-width: 1484px) {
  .chat-closed .found-members .member-wrapper .profile-info .brief-info .led,
  .chat-closed .found-members .results-card-wrapper .profile-info .brief-info .led {
    top: 9px;
    left: 14px;
    width: 10px;
    height: 10px;
  }
}
@media screen and (min-width: 1389px) and (max-width: 2129px) {
  .chat-opened .found-members .member-wrapper .profile-info .brief-info .led,
  .chat-opened .found-members .results-card-wrapper .profile-info .brief-info .led {
    top: 9px;
    left: 14px;
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 599px) {
  .found-members .member-wrapper.birthday.online .profile-info .user-container .connection-status,
  .found-members .results-card-wrapper.birthday.online .profile-info .user-container .connection-status,
  .webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.online .profile-info .user-container .connection-status,
  .webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.online .profile-info .user-container .connection-status,
  .found-members .member-wrapper.birthday.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status,
  .found-members .results-card-wrapper.birthday.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status,
  .webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status,
  .webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status {
    vertical-align: top;
  }
}
.found-members .member-wrapper.birthday.online .profile-info .user-container .connection-status .led,
.found-members .results-card-wrapper.birthday.online .profile-info .user-container .connection-status .led,
.webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.online .profile-info .user-container .connection-status .led,
.webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.online .profile-info .user-container .connection-status .led,
.found-members .member-wrapper.birthday.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led,
.found-members .results-card-wrapper.birthday.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led,
.webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led,
.webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led {
  background: none;
}
.found-members .member-wrapper.birthday.online .profile-info .user-container .connection-status .led svg,
.found-members .results-card-wrapper.birthday.online .profile-info .user-container .connection-status .led svg,
.webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.online .profile-info .user-container .connection-status .led svg,
.webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.online .profile-info .user-container .connection-status .led svg,
.found-members .member-wrapper.birthday.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led svg,
.found-members .results-card-wrapper.birthday.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led svg,
.webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led svg,
.webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.online.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led svg {
  display: inline;
  fill: #009f83;
}
@media (max-width: 599px) {
  .found-members .member-wrapper.birthday.offline .profile-info .user-container .connection-status,
  .found-members .results-card-wrapper.birthday.offline .profile-info .user-container .connection-status,
  .webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.offline .profile-info .user-container .connection-status,
  .webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.offline .profile-info .user-container .connection-status,
  .found-members .member-wrapper.birthday.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status,
  .found-members .results-card-wrapper.birthday.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status,
  .webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status,
  .webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status {
    vertical-align: top;
  }
}
.found-members .member-wrapper.birthday.offline .profile-info .user-container .connection-status .led,
.found-members .results-card-wrapper.birthday.offline .profile-info .user-container .connection-status .led,
.webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.offline .profile-info .user-container .connection-status .led,
.webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.offline .profile-info .user-container .connection-status .led,
.found-members .member-wrapper.birthday.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led,
.found-members .results-card-wrapper.birthday.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led,
.webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led,
.webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led {
  background: none;
}
.found-members .member-wrapper.birthday.offline .profile-info .user-container .connection-status .led svg,
.found-members .results-card-wrapper.birthday.offline .profile-info .user-container .connection-status .led svg,
.webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.offline .profile-info .user-container .connection-status .led svg,
.webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.offline .profile-info .user-container .connection-status .led svg,
.found-members .member-wrapper.birthday.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led svg,
.found-members .results-card-wrapper.birthday.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led svg,
.webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led svg,
.webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.offline.no-webapp.has-mobileapp .profile-info .user-container .connection-status .led svg {
  display: inline;
  fill: #c3c3c3;
}
.found-members .member-wrapper.birthday.online .profile-info .user-container .led,
.found-members .results-card-wrapper.birthday.online .profile-info .user-container .led,
.found-members .member-wrapper.birthday.offline .profile-info .user-container .led,
.found-members .results-card-wrapper.birthday.offline .profile-info .user-container .led,
.webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.online .profile-info .user-container .led,
.webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.online .profile-info .user-container .led,
.found-members .member-wrapper.birthday.online.no-webapp.has-mobileapp .profile-info .user-container .led,
.found-members .results-card-wrapper.birthday.online.no-webapp.has-mobileapp .profile-info .user-container .led,
.found-members .member-wrapper.birthday.offline.no-webapp.has-mobileapp .profile-info .user-container .led,
.found-members .results-card-wrapper.birthday.offline.no-webapp.has-mobileapp .profile-info .user-container .led,
.webrtc.calls-enabled .found-members .member-wrapper.birthday.has-cam.online.no-webapp.has-mobileapp .profile-info .user-container .led,
.webrtc.calls-enabled .found-members .results-card-wrapper.birthday.has-cam.online.no-webapp.has-mobileapp .profile-info .user-container .led {
  border-radius: 0;
  width: 24px;
  height: 24px;
  top: 0;
  left: 5px;
  background-size: auto;
}
.found-members .member-wrapper .approve.button.chat,
.found-members .results-card-wrapper .approve.button.chat {
  display: block;
}
@media (max-width: 599px) {
  .chat-closed .big-photos .found-members .member-wrapper .profile-info {
    height: auto;
    bottom: 10px;
  }
}
.big-photos .found-members .member-wrapper .profile-info .brief-info .has-led {
  padding-right: 35px;
}
@media (max-width: 599px) {
  .big-photos .found-members .member-wrapper .profile-info .brief-info {
    position: relative;
    display: flex;
    max-height: initial;
    padding: 7px 30px 7px 7px;
    font-size: 15px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media (max-width: 599px) {
  .big-photos .found-members .member-wrapper .profile-info .brief-info .user-container {
    display: none;
  }
}
.big-photos .found-members .member-wrapper .profile-info .brief-info .user-container.mobile {
  display: none;
}
@media (max-width: 599px) {
  .big-photos .found-members .member-wrapper .profile-info .brief-info .user-container.mobile {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
}
.big-photos .found-members .member-wrapper .profile-info .brief-info .user-container.mobile txt {
  max-width: 100%;
}
.big-photos .found-members .member-wrapper .profile-info .brief-info .user-container.mobile .name-container {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  vertical-align: middle;
}
.big-photos .found-members .member-wrapper .profile-info .brief-info .user-container.mobile .name-age-container {
  display: inline-flex;
  max-width: 100%;
  vertical-align: middle;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.big-photos .found-members .member-wrapper .profile-info .brief-info .user-container.mobile .name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.big-photos .found-members .member-wrapper .profile-info .brief-info .user-container.mobile .age {
  white-space: nowrap;
}
@media (max-width: 599px) {
  .big-photos .found-members .member-wrapper .profile-info .brief-info span.connection-status {
    overflow: visible;
    vertical-align: bottom;
  }
}
.found-members .member-wrapper .declined-message {
  background: #000;
  position: absolute;
  left: 45px;
  top: -30px;
  display: none;
  padding: 5px 10px;
  color: #fff;
  font-size: 11px;
  z-index: 3;
  border-radius: 5px;
  white-space: nowrap;
}
.found-members .member-wrapper .declined-message::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  top: 25px;
  left: 15px;
}
.found-members .member-wrapper.on-hover .declined-message {
  display: inline-block;
}
.scroll-to-top {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 80px;
  text-align: center;
  background-color: rgba(101, 114, 122, 0);
  opacity: 1;
  z-index: 1;
  transition: background-color 0.25s ease, opacity 0.25s ease, left 0;
}
.scroll-to-top.hidden {
  display: block !important;
  left: 200%;
  opacity: 0;
  transition: background-color 0.25s ease, opacity 0.25s ease, left 0 ease 0.25s;
}
@media (max-width: 1105px) {
  .scroll-to-top {
    display: block !important;
    left: 200%;
    opacity: 0;
    transition: background-color 0.25s ease, opacity 0.25s ease, left 0 ease 0.25s;
  }
}
.scroll-to-top .to-top {
  position: absolute;
  top: 60%;
  left: 50%;
  display: inline-block;
  margin-left: -26px;
  width: 40px;
  height: 40px;
  border: 6px solid #65727a;
  background: url('/i/spritesheet.png?9') 0 -228px no-repeat;
  opacity: 0.5;
  border-radius: 40px;
  transition: opacity 0.25s ease, border-color 0.25s ease;
}
.scroll-to-top:hover {
  background-color: rgba(101, 114, 122, 0.5);
}
.scroll-to-top:hover .to-top {
  opacity: 1;
  border-color: rgba(101, 114, 122, 0);
}
.search-options ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-options .search-form {
  position: relative;
  text-align: center;
  font-size: 13px;
  overflow: hidden;
  z-index: 4;
}
.search-options .search-form .jslider {
  width: 60%;
  margin: auto;
}
.search-options .search-form label {
  margin: 0;
}
.search-options .destanation,
.search-options .date,
.search-options .tags {
  text-align: left;
}
.search-options .destanation,
.search-options .date {
  display: none;
}
.search-options .form-wrapper {
  margin: 0;
  padding: 0 30px 20px;
  border: none;
}
.search-options .preferences {
  padding-top: 10px;
  padding-bottom: 20px;
}
.search-options .preferences .form-wrapper {
  padding-bottom: 0;
}
.search-options .preferences .form-wrapper .age {
  min-height: 39px;
  opacity: 1;
  transition: opacity 0.5s;
}
.search-options .preferences .form-wrapper .age.loading {
  opacity: 0;
}
.search-options .heading {
  display: none;
  margin-bottom: 0.5em;
  font-size: 18px;
  text-align: center;
}
.search-options .choose-country {
  font-size: 13px;
}
.search-options .show {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  background: #d9d9d9;
}
.app-overlay .search-options .wrapper .show {
  text-align: center;
  margin-top: 20px;
}
.app-overlay .search-options .wrapper .form-wrapper .choose-container {
  padding-left: 0;
}
.app-overlay .search-options .wrapper .form-wrapper ul {
  padding-left: 20px;
}
.app-overlay .search-options .wrapper .form-wrapper li {
  list-style: none;
}
.search-options.content {
  max-height: 100% !important;
}
.search-options.content > .wrapper {
  width: 530px;
  position: relative;
}
.search-options.content .travel-map::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  z-index: 2;
  background: #ffffff;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(240, 240, 240, 0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%,rgba(240, 240, 240, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%,rgba(240, 240, 240, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%,rgba(240, 240, 240, 0.8) 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0.2) 0%,rgba(240, 240, 240, 0.8) 100%);
}
.search-options.content .choose-container {
  font-size: 0;
}
.search-options.content .choose-container.tags-list {
  font-size: inherit;
}
.search-options.content .choose-region {
  padding: 0.333em 0;
}
.search-options.content input[type="checkbox"] + span {
  margin-left: 8px;
  padding-left: 0;
}
.search-options.content .date .no-date {
  width: 28%;
}
.search-options.content .date .from {
  width: 14%;
  text-align: right;
}
.search-options.content .date .from,
.search-options.content .date .no-date {
  vertical-align: top;
}
.search-options.content .date .from label,
.search-options.content .date .no-date label {
  font-size: 0;
  cursor: pointer;
}
.search-options.content .date .from span,
.search-options.content .date .no-date span {
  font-size: 12px;
}
.search-options.content .calendar {
  width: 58%;
}
.search-options.content .calendar .popup-container .bottom {
  left: -100%;
}
.search-options.content .calendar .popup-container.opened .bottom {
  bottom: 100%;
}
.find-traveller-container {
  display: block;
  opacity: 1;
  transition: opacity 0.5s ease;
  text-align: center;
}
.find-traveller-container.loading {
  opacity: 0;
}
.find-traveller-container .facebook {
  display: none;
  margin-left: 10px;
  vertical-align: middle;
  padding-left: 2.166666666666667em;
}
.find-traveller-container .facebook::before {
  left: 0;
}
.mine .find-traveller-container .facebook {
  display: inline-block;
}
.not-my .find-traveller-container .change-region {
  display: inline-block;
}
.advanced-search .find-traveller-container {
  margin-bottom: 0;
}
.advanced-search .find-traveller-container .change-region {
  display: inline-block;
}
.search-criteria {
  color: #222;
  max-width: 850px;
  margin: 0 auto;
  opacity: 1;
  transition: opacity 0.25s;
  font-size: 15px;
}
.search-criteria h3 {
  display: inline-block;
  float: left;
}
.search-criteria h3 .mobile-text {
  display: none;
}
@media (max-width: 385px) {
  .search-criteria h3 .mobile-text {
    display: inline-block;
  }
  .search-criteria h3 .normal-text {
    display: none;
  }
}
.search-criteria .set-default {
  display: inline-block;
  float: right;
  line-height: 24px;
}
.search-criteria .fields-row {
  display: table;
  width: 100%;
}
.search-criteria .fields-row > .field {
  display: table-cell;
}
.search-criteria .fields-row > .field.gender {
  width: 100%;
}
.search-criteria .fields-row > .field.gender .customized-select {
  width: 100%;
}
.search-criteria .fields-row > .field.age {
  padding-left: 15px;
}
@media (max-width: 535px) {
  .search-criteria .fields-row {
    display: block;
  }
  .search-criteria .fields-row > .field {
    display: block;
  }
  .search-criteria .fields-row > .field.gender {
    width: 100%;
  }
  .search-criteria .fields-row > .field.gender .customized-select {
    width: 100%;
  }
  .search-criteria .fields-row > .field.age {
    padding-left: 0;
    margin-top: 10px;
  }
}
.search-criteria fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.search-criteria fieldset.age {
  margin: 0 0 0 15px;
}
.search-criteria input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.search-criteria .tags {
  vertical-align: middle;
}
.search-criteria .tags input {
  width: auto;
  height: auto;
}
.search-criteria .tags li {
  list-style: none;
}
.search-criteria .data-wrapper {
  font-size: 15px;
}
.search-criteria .field-wrapper {
  padding-bottom: 0;
}
.search-criteria .text-wrapper {
  font-size: 15px;
  display: inline-block;
  margin-right: 10px;
  line-height: 37px;
  vertical-align: top;
}
.search-criteria .text-wrapper.wide {
  display: inline-block;
}
.search-criteria .text-wrapper.narrow {
  display: none;
}
.search-criteria .gender {
  cursor: default;
  padding-bottom: 0;
  vertical-align: middle;
}
.search-criteria .gender .data {
  width: 100%;
}
.search-criteria .separator {
  margin: 0 10px;
}
.search-criteria .age {
  display: inline-block;
  padding-bottom: 0;
  vertical-align: middle;
}
.search-criteria .age .data {
  width: 70px;
}
@media (max-width: 535px) {
  .search-criteria .age .data {
    width: 83px;
  }
}
.search-criteria .button {
  display: block;
  margin: 20px auto auto;
  text-transform: uppercase;
}
.search-criteria .search-parameters {
  font-size: 0;
  padding-bottom: 57px;
}
.search-criteria .search-parameters .customized-select select {
  height: 35px;
  line-height: 35px;
}
.search-criteria .search-parameters .customized-select::before {
  height: 35px;
}
.search-criteria .tags-list {
  margin: 0;
  padding: 0;
}
.search-criteria .tags-list li {
  margin: 0;
  padding: 0;
}
.search-criteria .tags-list input {
  margin: 0;
}
@media (max-width: 350px) {
  .search-criteria .tags-list .data-wrapper {
    font-size: 13px;
  }
}
.search-criteria .hometown {
  display: none;
  margin-top: 10px;
}
.search-criteria .hometown .data-wrapper {
  width: 100%;
}
.search-criteria .marketing-url {
  margin-top: 10px;
}
.search-criteria .marketing-url .data-wrapper {
  width: 100%;
}
.search-criteria .destination {
  height: 35px;
  line-height: 35px;
  padding-top: 0;
  padding-bottom: 0;
}
.search-criteria .destination::-ms-clear {
  display: none;
}
.search-criteria .marketing-url-data {
  height: 35px;
  line-height: 35px;
  padding-top: 0;
  padding-bottom: 0;
}
.search-criteria .marketing-url-data::-ms-clear {
  display: none;
}
.search-criteria input[type=checkbox] {
  width: auto;
  height: auto;
}
.search-criteria input[type=checkbox] + span {
  padding-left: 2px;
}
.search-criteria .statuses {
  margin-top: 10px;
  white-space: normal;
}
.search-criteria .statuses .field-wrapper {
  display: inline-block;
  margin-right: 20px;
}
@media (max-width: 350px) {
  .search-criteria .statuses .data-wrapper {
    font-size: 13px;
  }
}
.search-criteria .presence {
  display: none;
  margin-top: 10px;
}
@media (max-width: 350px) {
  .search-criteria .presence .data-wrapper {
    font-size: 13px;
  }
}
.search-criteria .presence .field-wrapper {
  display: inline-block;
  margin-right: 20px;
}
.search-criteria .presence .online-status {
  display: none;
}
.role-promoter .search-criteria .presence .online-status {
  display: inline-block;
}
.search-criteria .presence .camera {
  display: none;
}
.webrtc .search-criteria .presence .camera {
  display: inline-block;
}
.calls-disabled .search-criteria .presence .camera {
  display: none;
}
.search-criteria .more-options {
  font-size: 15px;
  display: none;
  text-align: center;
  width: 470px;
}
@media (max-width: 540px) {
  .search-criteria .more-options {
    width: 100%;
  }
}
.search-criteria .more-options .pseudo-link {
  margin-bottom: 10px;
}
.search-criteria .additional-options {
  position: relative;
  border: 1px solid #eee;
  border-radius: 4px;
  display: block;
  text-align: left;
  font-size: 0;
  transition: max-height 0.25s !important;
  max-height: 0;
  width: 100%;
  box-sizing: border-box;
  height: auto;
}
.search-criteria .additional-options::after {
  content: ' ';
  display: block;
  position: absolute;
  border: 1px solid #eee;
  border-top-left-radius: 4px;
  border-right-width: 0;
  border-bottom-width: 0;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 0;
  margin-top: -6px;
  margin-left: -6px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  background-color: white;
}
.search-criteria .additional-options.invisible {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.search-criteria .more-options.opened .additional-options {
  max-height: 1050px;
}
.search-criteria .more-options.opened .pseudo-link {
  border-bottom: none;
  padding-bottom: 1px;
}
.search-criteria .tabs-menu {
  width: 120px;
  height: 456px;
  display: inline-block;
  font-size: 15px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  background-color: #f5f5f5;
}
@media (max-width: 360px) {
  .search-criteria .tabs-menu {
    width: 95px;
    font-size: 13px;
  }
}
.search-criteria .tabs-content {
  display: inline-block;
  width: calc(100% - 120px);
  font-size: 15px;
  vertical-align: top;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media (max-width: 360px) {
  .search-criteria .tabs-content {
    width: calc(100% - 95px);
  }
}
.search-criteria .tabs-content .data-wrapper {
  display: inline-block;
}
@media (max-width: 440px) {
  .search-criteria .tabs-content .data-wrapper {
    display: block;
  }
}
@media (max-width: 440px) {
  .search-criteria .tabs-content.height .separator {
    width: 73px;
    text-align: center;
  }
}
.search-criteria .tab-trigger {
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  background-color: #f5f5f5;
  transition: background-color 0.25s;
}
.search-criteria .tab-trigger.active {
  background-color: white;
}
.search-criteria .tab-trigger.active:hover {
  background-color: white;
}
.search-criteria .tab-trigger:hover {
  background-color: #e6e6e6;
}
.search-criteria.form .bubbles .name {
  background-color: #f5f5f5;
  font-size: 15px;
  padding: 7px 12px 7px;
}
.mirror .search-criteria.form .bubbles .name txt {
  backface-visibility: hidden;
}
@media (max-width: 360px) {
  .search-criteria.form .bubbles .name {
    font-size: 13px;
  }
}
.search-criteria.form .additional-options .bubbles.interests-list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
@media (max-width: 540px) {
  .search-criteria.form .additional-options .bubbles.interests-list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.search-criteria.form .additional-options .bubbles li {
  float: none;
  padding: 4px;
  margin: 0;
}
.search-criteria .selected-options-wrapper {
  display: none;
  margin-top: 12px;
}
.mirror .search-criteria .selected-options-wrapper .bubbles label span {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.search-criteria .selected-options.bubbles .name {
  color: #fff;
  background-color: #00b15e;
  position: relative;
  padding-right: 25px;
}
.search-criteria .selected-options.bubbles .name:hover {
  background-color: #00b15e;
}
.search-criteria .selected-options.bubbles .name .close {
  background-position: bottom center;
  opacity: 1;
  height: 17px;
  width: 17px;
  top: 16px;
  right: 7px;
}
.search-criteria .selected-options.bubbles .name .close .helper {
  display: none;
}
.search-criteria .tab-content {
  padding: 6px;
}
.search-criteria .tab-content.height,
.search-criteria .tab-content.languages {
  padding: 10px;
}
.search-criteria .close:hover .cross {
  background: url('/i/icons/close.png?1') bottom center no-repeat;
  opacity: 1;
}
.search-criteria .cross {
  background: url('/i/icons/close-light.png?1') top center no-repeat;
  opacity: 0.5;
}
.search-criteria .languages-inputs .field {
  margin-bottom: 10px;
}
.search-criteria.advanced-search .hometown,
.search-criteria.advanced-search .presence,
.search-criteria.advanced-search .selected-options-wrapper,
.search-criteria.advanced-search .more-options {
  display: block;
}
.search-criteria .button-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-bottom: 13px;
  width: 100%;
  background: #fff;
}
.advanced-search .more-results {
  text-align: center;
  padding: 10px 0;
}
.advanced-search .more-results .button {
  text-transform: uppercase;
}
.found-members .email-confirm-card-wrapper {
  position: relative;
  overflow: hidden;
}
.found-members .email-confirm-card-wrapper.editing-email .email-confirm-card {
  top: -9999px;
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.found-members .email-confirm-card-wrapper.editing-email .email-confirm-change {
  visibility: visible;
  opacity: 1;
  position: relative;
  top: 0;
}
.found-members .email-confirm-card-wrapper .email-confirm-card {
  position: relative;
  transition: opacity 0.25s, top 0s;
}
.found-members .email-confirm-card-wrapper .email-confirm-card .email-confirm-inner {
  padding: 10px 0 11px;
  border: 1px solid #eee;
  border-radius: 0 0 10px 10px;
  border-top: 0;
  box-sizing: border-box;
}
.found-members .email-confirm-card-wrapper .email-confirm-card .title {
  position: absolute;
  color: #fff;
  z-index: 2;
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin-top: 11%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 375px) {
  .found-members .email-confirm-card-wrapper .email-confirm-card .title {
    font-size: 14px;
  }
}
@media (min-width: 1280px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .title {
    margin-top: 13%;
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .title {
    margin-top: 7%;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .title {
    margin-top: 7%;
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .title {
    margin-top: 7%;
    font-size: 13px;
  }
}
@media (max-width: 1190px) {
  .chat-opened .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .title {
    margin-top: 7%;
    font-size: 13px;
  }
}
@media (max-width: 950px) {
  .chat-opened .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .title {
    margin-top: 11%;
    font-size: 16px;
  }
}
@media (max-width: 897px) {
  .chat-opened .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .title {
    margin-top: 7%;
    font-size: 13px;
  }
}
.found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail {
  background-color: #d4202d;
  background-image: url(/i/e-mail/confirm-email.png?2);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 88%;
}
.big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail {
  background-size: auto;
}
@media (max-width: 1050px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail {
    background-size: 70%;
  }
}
@media (max-width: 950px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail {
    background-size: auto;
  }
}
@media (max-width: 768px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail {
    background-size: 80%;
  }
}
@media (max-width: 600px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail {
    background-size: 60%;
  }
}
@media (max-width: 480px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail {
    background-size: 80%;
  }
}
@media (max-width: 375px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail {
    background-size: 60%;
  }
}
@media (max-width: 1280px) {
  .chat-opened .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail {
    background-size: 70%;
  }
}
.found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail .placeholder {
  padding-top: 83.87%;
}
.big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail .placeholder {
  padding-top: 126%;
  margin-top: -121px;
}
@media (max-width: 767px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail .placeholder {
    margin-top: -93px;
  }
}
@media (max-width: 375px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail .placeholder {
    margin-top: -93px;
  }
}
@media (max-width: 950px) {
  .chat-opened .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .thumbnail .placeholder {
    margin-top: -121px;
  }
}
.found-members .email-confirm-card-wrapper .email-confirm-card .text {
  text-align: center;
  color: #717171;
  overflow: hidden;
  position: relative;
  margin: 0 12px;
  font-size: 14px;
  line-height: 1.4;
  height: 76px;
}
@media (max-width: 375px) {
  .found-members .email-confirm-card-wrapper .email-confirm-card .text {
    font-size: 13px;
  }
}
@media (max-width: 375px), (max-width: 767px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .text {
    font-size: 11px;
    height: 48px;
  }
}
@media (max-width: 1190px) {
  .chat-opened .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .text {
    font-size: 11px;
    height: 48px;
  }
}
@media (max-width: 1190px) {
  .chat-opened .big-photos .found-members .email-confirm-card-wrapper .email-confirm-card .text {
    font-size: 13px;
    height: 76px;
  }
}
@media (max-width: 1279px) and (min-width: 951px), (max-width: 828px) and (min-width: 757px), (max-width: 619px) and (min-width: 501px) {
  .found-members .email-confirm-card-wrapper .email-confirm-card .text {
    margin: 0 4px;
  }
}
.found-members .email-confirm-card-wrapper .email-confirm-card .text .text-short {
  display: none;
}
@media (max-width: 1199px) and (min-width: 1126px), (max-width: 1022px) and (min-width: 951px), (max-width: 570px) and (min-width: 501px), (max-width: 407px) {
  .found-members .email-confirm-card-wrapper .email-confirm-card .text .text-short {
    display: block;
  }
  .found-members .email-confirm-card-wrapper .email-confirm-card .text .text-long {
    display: none;
  }
}
.found-members .email-confirm-card-wrapper .email-confirm-card .email {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  color: #111;
}
.found-members .email-confirm-card-wrapper .email-confirm-card .actions {
  margin-top: 4px;
  text-align: center;
}
@media (max-width: 375px) {
  .found-members .email-confirm-card-wrapper .email-confirm-card .actions .pseudo-link {
    font-size: 13px;
  }
}
.found-members .email-confirm-card-wrapper .email-confirm-card .actions .pseudo-link:first-child {
  margin-right: 16%;
}
@media (max-width: 319px) {
  .found-members .email-confirm-card-wrapper .email-confirm-card .actions .pseudo-link:first-child {
    margin-right: 6%;
  }
}
.found-members .email-confirm-card-wrapper .email-confirm-change {
  top: -9999px;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  transition: opacity 0.25s, top 0s;
  font-size: 14px;
}
.found-members .email-confirm-card-wrapper .email-confirm-change .card-placeholder {
  padding: 83.72% 0 121px;
}
.big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .card-placeholder {
  padding: 62.8%;
}
.found-members .email-confirm-card-wrapper .email-confirm-change .title {
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  margin-top: 13%;
  width: 100%;
  top: 0;
  color: #000;
}
@media (max-width: 600px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .title {
    font-size: 14px;
  }
}
@media (max-width: 577px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .title {
    margin-top: 5%;
  }
}
@media (max-width: 340px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .title {
    margin-top: 5%;
  }
}
.found-members .email-confirm-card-wrapper .email-confirm-change .form {
  top: 0;
  position: absolute;
  width: 100%;
  padding: 0 14px;
  box-sizing: border-box;
  margin-top: 51%;
}
@media (max-width: 1280px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .form {
    margin-top: 46%;
  }
}
@media (max-width: 700px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .form {
    margin-top: 43%;
  }
}
@media (max-width: 670px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .form {
    margin-top: 41%;
  }
}
@media (max-width: 577px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .form {
    margin-top: 31%;
  }
}
@media (max-width: 340px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .form {
    margin-top: 28%;
  }
}
@media (max-width: 1218px) {
  .chat-opened .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .form {
    margin-top: 39%;
  }
}
.found-members .email-confirm-card-wrapper .email-confirm-change .form .data {
  text-align: center;
}
@media (max-width: 1279px) {
  .found-members .email-confirm-card-wrapper .email-confirm-change .form {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 1024px) {
  .found-members .email-confirm-card-wrapper .email-confirm-change .form {
    padding-right: 5px;
    padding-left: 5px;
  }
}
.found-members .email-confirm-card-wrapper .email-confirm-change .button.approve {
  text-transform: uppercase;
  width: 100%;
  margin-top: 10px;
  padding-right: 1em;
  padding-left: 1em;
  white-space: normal;
}
@media (max-width: 1024px) {
  .found-members .email-confirm-card-wrapper .email-confirm-change .button.approve {
    font-size: 12px;
    padding-right: 0.3em;
    padding-left: 0.3em;
  }
}
@media (max-width: 480px) {
  .found-members .email-confirm-card-wrapper .email-confirm-change .button.approve {
    font-size: 11px;
  }
}
.found-members .email-confirm-card-wrapper .email-confirm-change .cancel-change {
  position: absolute;
  bottom: 0;
  margin-bottom: 15%;
  width: 100%;
}
@media (max-width: 577px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .cancel-change {
    margin-bottom: 5%;
  }
}
@media (max-width: 480px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .cancel-change {
    margin-bottom: 15%;
  }
}
@media (max-width: 359px) {
  .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .cancel-change {
    margin-bottom: 5%;
  }
}
@media (max-width: 1218px) {
  .chat-opened .big-photos .found-members .email-confirm-card-wrapper .email-confirm-change .cancel-change {
    margin-bottom: 10%;
  }
}
.found-members .email-confirm-card-wrapper .pseudo-link {
  border-bottom: none;
  font-size: 14px;
}
.found-members > .results-card-wrapper {
  position: relative;
  overflow: hidden;
}
.fb-emma-banner-style-reassign .profile-card {
  cursor: auto;
  border: 1px solid #eee;
  box-sizing: border-box;
}
.fb-emma-banner-style-reassign .thumbnail::before {
  background: none !important;
}
.fb-emma-banner-style-reassign .placeholder {
  height: 121px;
  box-sizing: content-box;
}
.fb-emma-banner-style-reassign .actions {
  text-align: center;
  position: absolute;
  padding: 0;
  width: 100%;
  z-index: 99;
  bottom: 15px;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .fb-emma-banner-style-reassign .actions {
    bottom: 10px;
  }
}
.fb-emma-banner-style-reassign .actions .action {
  width: 90%;
  text-transform: uppercase;
  padding: 0;
  height: 38px;
  line-height: 38px;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .fb-emma-banner-style-reassign .actions .action {
    height: 34px;
  }
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .fb-emma-banner-style-reassign .actions .action {
    line-height: 34px;
  }
}
.results-card {
  position: relative;
  transition: opacity 0.25s, top 0s;
  text-decoration: none;
}
.results-card.fb-emma-wrapper {
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  box-sizing: border-box;
  z-index: 9;
}
.results-card.fb-emma-wrapper .close {
  opacity: 1;
}
.results-card.fb-emma-wrapper .card-emma-inner {
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .results-card.fb-emma-wrapper .card-emma-inner {
    padding: 10px;
  }
}
@media screen and (min-width: 0) and (max-width: 300px) {
  .results-card.fb-emma-wrapper .card-emma-inner {
    padding: 5px;
  }
}
.results-card.fb-emma-wrapper .card-emma-inner .profile-section {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  .results-card.fb-emma-wrapper .card-emma-inner .profile-section {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .results-card.fb-emma-wrapper .card-emma-inner .profile-section {
    margin-bottom: 5px;
  }
}
.results-card.fb-emma-wrapper .card-emma-inner .profile-section .avatar {
  background-image: url("/i/account/group-3.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  flex: 1 0 auto;
  position: relative;
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .results-card.fb-emma-wrapper .card-emma-inner .profile-section .avatar {
    width: 24px;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .results-card.fb-emma-wrapper .card-emma-inner .profile-section .avatar {
    max-width: 24px;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .results-card.fb-emma-wrapper .card-emma-inner .profile-section .avatar {
    height: 24px;
  }
}
.results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title {
  padding-left: 20px;
  flex: 1 1 auto;
}
@media screen and (min-width: 0) and (max-width: 1200px) {
  .results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title {
    padding-left: 9px;
  }
}
.results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title h5 {
  font-size: 16px;
  margin-bottom: 5px;
}
@media screen and (min-width: 0) and (max-width: 1200px) {
  .results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title h5 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title h5 {
    font-size: 10px;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title h5 {
    line-height: 24px;
  }
}
.results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title small {
  font-size: 13px;
  color: #999;
  display: block;
  max-width: 140px;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title small {
    display: none;
  }
}
.results-card.fb-emma-wrapper .card-emma-inner .message {
  display: block;
  border-radius: 25px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  color: #000;
  padding: 10px;
  font-size: 14px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .results-card.fb-emma-wrapper .card-emma-inner .message {
    font-size: 12px;
  }
}
.results-card > .title {
  position: absolute;
  color: #fff;
  z-index: 2;
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin-top: 11%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 372px) {
  .results-card > .title {
    font-size: 14px;
  }
}
.results-card > .thumbnail {
  background-color: #d4202d;
  background-repeat: no-repeat;
  background-size: 100%;
}
.facebook-card .results-card > .thumbnail {
  background-image: url(/i/promotion/Facebook-banner_FB_a.gif?2);
  box-sizing: border-box;
  border: 1px solid #eee;
  border-bottom: 0;
}
.valentine-promo .results-card {
  cursor: default;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.valentine-promo .results-card .close {
  cursor: pointer;
  top: 13px;
  z-index: 2;
  opacity: 1;
}
.valentine-promo .results-card .thumbnail {
  background-color: transparent;
  z-index: 1;
  overflow: visible;
}
.big-photos .valentine-promo .results-card .thumbnail::before {
  display: none;
}
.valentine-promo .results-card .thumbnail .photo {
  height: 100%;
}
.big-photos .valentine-promo .results-card .thumbnail .photo {
  top: 0;
  height: auto;
  margin: 0;
}
.valentine-promo .results-card .profile-info {
  color: #d4202d;
  z-index: 2;
  text-align: center;
  padding: 0 5px;
  height: 48px;
  top: 36px;
  font-size: 14px;
}
.big-photos .valentine-promo .results-card .profile-info {
  height: auto;
  bottom: auto;
  top: 75%;
  font-size: 20px;
  padding: 0;
}
@media (max-width: 1024px) {
  .chat-closed .big-photos .valentine-promo .results-card .profile-info {
    bottom: auto;
  }
}
@media (max-width: 599px) {
  .chat-closed .big-photos .valentine-promo .results-card .profile-info {
    text-align: center;
  }
}
@media screen and (min-width: 743px) and (max-width: 944px) {
  .big-photos .valentine-promo .results-card .profile-info {
    font-size: 17px;
  }
}
@media screen and (min-width: 0px) and (max-width: 743px) {
  .big-photos .valentine-promo .results-card .profile-info {
    font-size: 15px;
  }
}
@media screen and (min-width: 481px) and (max-width: 584px) {
  .big-photos .valentine-promo .results-card .profile-info {
    font-size: 12px;
  }
}
@media screen and (min-width: 0px) and (max-width: 434px) {
  .big-photos .valentine-promo .results-card .profile-info {
    font-size: 15px;
  }
}
@media screen and (min-width: 951px) and (max-width: 1104px) {
  .big-photos .valentine-promo .results-card .profile-info {
    top: 73%;
  }
}
@media screen and (min-width: 0px) and (max-width: 950px) {
  .big-photos .valentine-promo .results-card .profile-info {
    top: 74%;
  }
}
@media screen and (min-width: 0px) and (max-width: 743px) {
  .big-photos .valentine-promo .results-card .profile-info {
    top: 73%;
  }
}
.valentine-promo .results-card .profile-info l10n {
  font-size: 0.89em;
}
@media screen and (min-width: 1195px) and (max-width: 1306px) {
  .valentine-promo .results-card .profile-info l10n {
    font-size: 0.8em;
  }
}
@media screen and (min-width: 951px) and (max-width: 1196px) {
  .valentine-promo .results-card .profile-info l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 757px) and (max-width: 809px) {
  .valentine-promo .results-card .profile-info l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 513px) and (max-width: 625px) {
  .valentine-promo .results-card .profile-info l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 0px) and (max-width: 512px) {
  .valentine-promo .results-card .profile-info l10n {
    font-size: 0.65em;
  }
}
@media screen and (min-width: 951px) and (max-width: 1013px) {
  .big-photos .valentine-promo .results-card .profile-info l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 585px) and (max-width: 809px) {
  .big-photos .valentine-promo .results-card .profile-info l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 355px) and (max-width: 512px) {
  .big-photos .valentine-promo .results-card .profile-info l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 0px) and (max-width: 354px) {
  .big-photos .valentine-promo .results-card .profile-info l10n {
    font-size: 0.65em;
  }
}
.valentine-promo .results-card .profile-info h3 {
  font-size: 1.25em;
  text-transform: uppercase;
  margin: 0 0 2px;
}
@media (max-width: 1480px) and (min-width: 1320px) {
  .valentine-promo .results-card .profile-info h3 {
    font-size: 1em;
  }
}
.valentine-promo .results-card .profile-info h2 {
  text-transform: uppercase;
  margin: 0;
  font-size: 1em;
  line-height: 1.1em;
}
.valentine-promo .results-card .profile-info h2 span {
  display: none;
}
@media (max-width: 480px) {
  .valentine-promo .results-card .profile-info h2 {
    font-size: 1.2em;
    font-weight: normal;
    text-transform: none;
  }
  .valentine-promo .results-card .profile-info h2 span {
    display: inline;
  }
}
@media (max-width: 600px) and (min-width: 480px) {
  .big-photos .valentine-promo .results-card .profile-info h2 {
    font-size: 1.2em;
    font-weight: normal;
    text-transform: none;
  }
  .big-photos .valentine-promo .results-card .profile-info h2 span {
    display: inline;
  }
}
.valentine-promo .results-card .background,
.valentine-promo .results-card .card-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.valentine-promo .results-card .background {
  background-image: url(/i/promotion/valentine-promo-bg.jpg);
  background-position: center;
  background-size: cover;
  top: 0;
  border-radius: 5px;
}
.valentine-promo .results-card .background img {
  width: 100%;
}
.valentine-promo .results-card.blue .background {
  background-image: none;
  background-color: #ecf6fa;
}
.valentine-promo .results-card.blue .profile-info,
.valentine-promo .results-card.blue .card-info {
  color: #606060;
}
.valentine-promo .results-card .card-info {
  padding: 0 20px 10px;
  overflow: hidden;
  text-align: center;
  font-size: 12px;
  color: #333;
  max-width: 150px;
  margin: auto;
}
@media (max-width: 600px) {
  .valentine-promo .results-card .card-info {
    padding: 10px;
  }
}
.valentine-promo .results-card .card-info l10n {
  font-size: 1em;
}
.valentine-promo .results-card .card-info .text {
  position: relative;
}
@media (max-width: 480px) {
  .valentine-promo .results-card .card-info .text {
    display: none;
  }
}
@media (max-width: 600px) and (min-width: 480px) {
  .big-photos .valentine-promo .results-card .card-info .text {
    display: none;
  }
}
.valentine-promo .results-card .top-text {
  position: absolute;
  top: 20px;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
}
.big-photos .valentine-promo .results-card .top-text {
  top: 35px;
}
.valentine-promo .results-card .top-text l10n {
  font-size: 0.89em;
}
.big-photos .valentine-promo .results-card .top-text l10n {
  font-size: 1.2em;
}
@media screen and (min-width: 1195px) and (max-width: 1306px) {
  .valentine-promo .results-card .top-text l10n {
    font-size: 0.8em;
  }
}
@media screen and (min-width: 951px) and (max-width: 1196px) {
  .valentine-promo .results-card .top-text l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 757px) and (max-width: 809px) {
  .valentine-promo .results-card .top-text l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 513px) and (max-width: 625px) {
  .valentine-promo .results-card .top-text l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 0px) and (max-width: 512px) {
  .valentine-promo .results-card .top-text l10n {
    font-size: 0.65em;
  }
}
@media screen and (min-width: 951px) and (max-width: 1013px) {
  .big-photos .valentine-promo .results-card .top-text l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 585px) and (max-width: 809px) {
  .big-photos .valentine-promo .results-card .top-text l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 355px) and (max-width: 512px) {
  .big-photos .valentine-promo .results-card .top-text l10n {
    font-size: 0.71em;
  }
}
@media screen and (min-width: 0px) and (max-width: 354px) {
  .big-photos .valentine-promo .results-card .top-text l10n {
    font-size: 0.65em;
  }
}
.valentine-promo .results-card .top-text h3 {
  font-size: 1.5em;
  color: #fff;
  margin-bottom: 0.6em;
}
.big-photos .valentine-promo .results-card .top-text h3 br {
  display: none;
}
.valentine-promo .results-card .top-text h2 {
  font-size: 1.4em;
  color: #fff;
  font-weight: normal;
  margin-top: 0;
}
.february-bonus-card .results-card {
  border: 1px solid #eee;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
  cursor: default;
}
.february-bonus-card .results-card .background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white url(/i/card/february-bonus.png?1) 50% 50% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-radius: 5px;
}
.february-bonus-card .results-card .card-info {
  position: absolute;
  bottom: 0;
  padding: 20px;
  overflow: hidden;
  text-align: center;
}
.february-bonus-card .results-card .card-info .text {
  font-size: 15px;
  text-transform: uppercase;
  color: white;
}
.february-bonus-card .results-card .card-info .text .highlight {
  color: #f6d30f;
}
.big-photos .placeholder {
  height: auto;
}
.big-photos .fb-emma-banner-style-reassign .actions .action {
  max-width: 200px;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .big-photos .fb-emma-banner-style-reassign .actions .action {
    font-size: 12px;
  }
}
.big-photos .results-card.fb-emma-wrapper .card-emma-inner {
  padding: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner {
    padding: 20px;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner {
    padding: 10px;
  }
}
.big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section {
  margin-bottom: 20px;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section {
    margin-bottom: 10px;
  }
}
.big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title {
  padding-left: 20px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title {
    padding-left: 9px;
  }
}
.big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title h5 {
  font-size: 18px;
  margin-bottom: 5px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title h5 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .profile-title h5 {
    line-height: 24px;
  }
}
.big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .avatar {
  width: 60px;
  height: 80px;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .avatar {
    height: 40px;
  }
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .avatar {
    max-width: 40px;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .avatar {
    width: 24px;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .avatar {
    max-width: 24px;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .profile-section .avatar {
    height: 24px;
  }
}
.big-photos .results-card.fb-emma-wrapper .card-emma-inner .message {
  padding: 20px;
  font-size: 18px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .message {
    font-size: 16px;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .message {
    font-size: 12px;
  }
}
@media screen and (min-width: 0) and (max-width: 1200px) {
  .big-photos .results-card.fb-emma-wrapper .card-emma-inner .message {
    padding: 10px;
  }
}
.results-inner {
  position: relative;
}
.results-inner > .text {
  text-align: center;
  color: #717171;
  overflow: hidden;
  margin: 0 12px;
  font-size: 14px;
  line-height: 1.4;
  max-height: 63px;
}
@media (max-width: 320px) {
  .results-inner > .text {
    font-size: 13px;
  }
}
@media (max-width: 1279px) and (min-width: 951px), (max-width: 828px) and (min-width: 757px), (max-width: 619px) and (min-width: 501px) {
  .results-inner > .text {
    margin: 0 4px;
  }
}
.results-inner > .actions {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0 10px;
  margin-top: 10px;
}
.results-inner > .actions > .action {
  width: 100%;
  font-size: 12px;
  padding: 11px 0;
}
@media (max-width: 1279px) and (min-width: 951px), (max-width: 828px) and (min-width: 757px), (max-width: 619px) and (min-width: 470px) {
  .results-inner > .actions > .action {
    padding: 7px 0;
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  .results-inner > .actions > .action span:first-child {
    display: none;
  }
}
.member-default {
  background: #fff;
  overflow: hidden;
  border-radius: 10px;
}
.photo-big.member-default {
  position: relative;
}
.member-default .thumbnail .placeholder {
  background: #f5f5f5;
}
.big-photos .found-members .photo-big.member-default .thumbnail::before {
  display: none;
}
.member-default .photo-ico {
  position: absolute;
  width: 60px;
  height: 50px;
  margin: -25px 0 0 -30px;
  fill: #fff;
  left: 50%;
  top: 50%;
}
.photo-big.member-default .photo-ico {
  top: 36%;
}
@media (max-width: 1120px) {
  .photo-big.member-default .photo-ico {
    top: 25%;
  }
}
.member-default .profile-info {
  width: 100%;
  box-sizing: border-box;
}
.big-photos .found-members .photo-big.member-default .profile-info {
  background: #fff;
  padding: 24px 15px;
  left: 0;
  right: 0;
  bottom: 0;
}
.found-members .member-default .profile-info {
  padding: 23px 15px 24px;
}
.member-default .member-name {
  background: #f5f5f5;
  height: 12px;
  max-width: 120px;
  width: 50%;
  margin: 0 0 22px;
  border-radius: 10px;
}
@media (min-width: 1025px) {
  .member-default .member-name {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #f5f5f5), color-stop(18%, #ebebeb), color-stop(33%, #f5f5f5));
    background: -webkit-linear-gradient(left, #f5f5f5 8%, #ebebeb 18%, #f5f5f5 33%);
    background: linear-gradient(to right, #f5f5f5 8%, #ebebeb 18%, #f5f5f5 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    will-change: auto;
  }
}
.member-default .member-options {
  padding: 0;
  margin: 0;
  list-style: none;
}
.member-default .member-options li {
  background: #f5f5f5;
  border-radius: 10px;
  height: 6px;
}
@media (min-width: 1025px) {
  .member-default .member-options li {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #f5f5f5), color-stop(18%, #ebebeb), color-stop(33%, #f5f5f5));
    background: -webkit-linear-gradient(left, #f5f5f5 8%, #ebebeb 18%, #f5f5f5 33%);
    background: linear-gradient(to right, #f5f5f5 8%, #ebebeb 18%, #f5f5f5 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    will-change: auto;
  }
}
.member-default .member-options li:last-child {
  width: 65%;
  max-width: 120px;
}
.search-menu {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  display: none;
}
.search .search-menu,
.live .search-menu {
  display: block;
}
.search-menu a {
  border-bottom: none;
  margin: 0;
  padding: 10px;
}
.search-menu a:hover {
  border-bottom: none;
}
.search .search-menu a.people {
  color: #222;
  cursor: default;
}
.search .search-menu a.people:hover {
  color: #222;
}
.live .search-menu a.live {
  color: #222;
  cursor: default;
}
.live .search-menu a.live:hover {
  color: #222;
}
.search-menu .counter {
  padding: 0 5px;
  display: inline-block;
  border-radius: 10px;
  background-color: #cc0000;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.search-promoter-overlord-info {
  display: none;
  width: 100%;
  max-height: 45px;
  margin: 20px 0 10px;
}
.role-commissions-operator.search .search-promoter-overlord-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.found-members .profile-hidden-card-wrapper {
  position: relative;
  overflow: hidden;
}
.found-members .profile-hidden-card-wrapper .results-card {
  border: 1px solid #eee;
}
.found-members .profile-hidden-card-wrapper .title {
  white-space: inherit;
  padding: 0 10px;
  width: calc(100% - 20px);
  font-size: 1em;
}
@media (min-width: 400px) and (max-width: 479px) {
  .found-members .profile-hidden-card-wrapper .title {
    font-size: 1.2em;
  }
}
@media (min-width: 480px) and (max-width: 599px) {
  .found-members .profile-hidden-card-wrapper .title {
    font-size: 1em;
  }
}
@media (min-width: 600px) and (max-width: 719px) {
  .found-members .profile-hidden-card-wrapper .title {
    font-size: 1.1em;
  }
}
@media (min-width: 720px) and (max-width: 759px) {
  .found-members .profile-hidden-card-wrapper .title {
    font-size: 1.4em;
  }
}
@media (min-width: 760px) and (max-width: 949px) {
  .found-members .profile-hidden-card-wrapper .title {
    font-size: 1.1em;
  }
}
@media (min-width: 950px) and (max-width: 1039px) {
  .found-members .profile-hidden-card-wrapper .title {
    font-size: 1em;
  }
}
@media (min-width: 1040px) {
  .found-members .profile-hidden-card-wrapper .title {
    font-size: 1.1em;
  }
}
.big-photos .found-members .profile-hidden-card-wrapper .title {
  font-size: 0.8em;
}
@media (min-width: 400px) and (max-width: 479px) {
  .big-photos .found-members .profile-hidden-card-wrapper .title {
    font-size: 1em;
  }
}
@media (min-width: 480px) and (max-width: 599px) {
  .big-photos .found-members .profile-hidden-card-wrapper .title {
    font-size: 0.6em;
  }
}
@media (min-width: 600px) and (max-width: 719px) {
  .big-photos .found-members .profile-hidden-card-wrapper .title {
    font-size: 1em;
  }
}
@media (min-width: 720px) and (max-width: 949px) {
  .big-photos .found-members .profile-hidden-card-wrapper .title {
    font-size: 1.3em;
    margin-top: 20%;
  }
}
@media (min-width: 950px) and (max-width: 1039px) {
  .big-photos .found-members .profile-hidden-card-wrapper .title {
    font-size: 1.2em;
  }
}
@media (min-width: 1040px) {
  .big-photos .found-members .profile-hidden-card-wrapper .title {
    font-size: 1.3em;
    margin-top: 20%;
  }
}
@media (min-width: 1200px) {
  .big-photos .found-members .profile-hidden-card-wrapper .title {
    margin-top: 30%;
    padding: 0 30px;
    width: calc(100% - 60px);
  }
}
.found-members .profile-hidden-card-wrapper .actions-section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
}
.found-members .profile-hidden-card-wrapper .actions-section button {
  text-transform: uppercase;
  width: calc(100% - 20px);
}
@media (min-width: 600px) {
  .found-members .profile-hidden-card-wrapper .actions-section button {
    width: 170px;
  }
}
.found-members .profile-hidden-card-wrapper .thumbnail {
  background-color: #cc0000;
  background-image: url(/i/profile-hidden.png);
  background-repeat: no-repeat;
  background-position: 50% 90%;
  background-size: 40%;
}
.found-members .profile-hidden-card-wrapper .thumbnail .placeholder {
  padding-top: calc(83.72% + 51px);
}
.big-photos .found-members .profile-hidden-card-wrapper .thumbnail .placeholder {
  padding-top: 126%;
  margin-top: -69px;
}
.big-photos .found-members .profile-hidden-card-wrapper .thumbnail {
  background-size: 30%;
}
@media (min-width: 400px) and (max-width: 479px) {
  .big-photos .found-members .profile-hidden-card-wrapper .thumbnail {
    background-size: 45%;
  }
}
@media (min-width: 480px) and (max-width: 599px) {
  .big-photos .found-members .profile-hidden-card-wrapper .thumbnail {
    background-size: 40%;
  }
}
@media (min-width: 600px) and (max-width: 719px) {
  .big-photos .found-members .profile-hidden-card-wrapper .thumbnail {
    background-size: 45%;
  }
}
@media (min-width: 720px) and (max-width: 949px) {
  .big-photos .found-members .profile-hidden-card-wrapper .thumbnail {
    background-size: 50%;
  }
}
@media (min-width: 950px) and (max-width: 1039px) {
  .big-photos .found-members .profile-hidden-card-wrapper .thumbnail {
    background-size: 45%;
  }
}
@media (min-width: 1040px) {
  .big-photos .found-members .profile-hidden-card-wrapper .thumbnail {
    background-size: 40%;
  }
}
.found-members .profile-hidden-card-wrapper .thumbnail::before {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 90px;
  z-index: 1;
  content: '';
  background: url('/i/search/gradient.png?1');
}
@media (min-width: 720px) {
  .found-members .profile-hidden-card-wrapper .thumbnail::before {
    height: 100px;
  }
}
.big-photos .found-members .profile-hidden-card-wrapper .thumbnail::before {
  height: 90px;
}
@media (min-width: 720px) {
  .big-photos .found-members .profile-hidden-card-wrapper .thumbnail::before {
    height: 100px;
  }
}
.found-members .subscriptions-email-card-wrapper {
  position: relative;
  overflow: hidden;
}
.found-members .subscriptions-email-card-wrapper .results-card {
  border: 1px solid #eee;
}
.found-members .subscriptions-email-card-wrapper .title {
  white-space: inherit;
  padding: 0 10px;
  width: calc(100% - 20px);
}
.big-photos .found-members .subscriptions-email-card-wrapper .title {
  font-size: 0.8em;
}
@media (min-width: 400px) and (max-width: 479px) {
  .big-photos .found-members .subscriptions-email-card-wrapper .title {
    font-size: 1.1em;
  }
}
@media (min-width: 480px) and (max-width: 599px) {
  .big-photos .found-members .subscriptions-email-card-wrapper .title {
    font-size: 0.9em;
  }
}
@media (min-width: 600px) and (max-width: 719px) {
  .big-photos .found-members .subscriptions-email-card-wrapper .title {
    font-size: 1.1em;
  }
}
@media (min-width: 720px) {
  .big-photos .found-members .subscriptions-email-card-wrapper .title {
    font-size: 1.4em;
  }
}
@media (min-width: 720px) and (max-width: 1199px) {
  .big-photos .found-members .subscriptions-email-card-wrapper .title {
    margin-top: 20%;
  }
}
@media (min-width: 1200px) {
  .big-photos .found-members .subscriptions-email-card-wrapper .title {
    margin-top: 30%;
    padding: 0 30px;
    width: calc(100% - 60px);
  }
}
.found-members .subscriptions-email-card-wrapper .actions-section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
}
.found-members .subscriptions-email-card-wrapper .actions-section button {
  text-transform: uppercase;
  width: calc(100% - 20px);
}
@media (min-width: 600px) {
  .found-members .subscriptions-email-card-wrapper .actions-section button {
    width: 170px;
  }
}
.found-members .subscriptions-email-card-wrapper .thumbnail {
  background-color: #cc0000;
  background-image: url(/i/e-mail/confirm-email.png?2);
  background-repeat: no-repeat;
  background-position: 50% 101%;
  background-size: 88%;
}
.found-members .subscriptions-email-card-wrapper .thumbnail .placeholder {
  padding-top: calc(83.72% + 51px);
}
.big-photos .found-members .subscriptions-email-card-wrapper .thumbnail .placeholder {
  padding-top: 126%;
  margin-bottom: -69px;
}
.big-photos .found-members .subscriptions-email-card-wrapper .thumbnail {
  background-size: 40%;
}
@media (min-width: 400px) and (max-width: 479px) {
  .big-photos .found-members .subscriptions-email-card-wrapper .thumbnail {
    background-size: 60%;
  }
}
@media (min-width: 480px) and (max-width: 599px) {
  .big-photos .found-members .subscriptions-email-card-wrapper .thumbnail {
    background-size: 40%;
  }
}
@media (min-width: 600px) and (max-width: 719px) {
  .big-photos .found-members .subscriptions-email-card-wrapper .thumbnail {
    background-size: 60%;
  }
}
@media (min-width: 720px) {
  .big-photos .found-members .subscriptions-email-card-wrapper .thumbnail {
    background-size: 70%;
  }
}
.found-members .subscriptions-email-card-wrapper .thumbnail::before {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 90px;
  z-index: 1;
  content: '';
  background: url('/i/search/gradient.png?1');
}
@media (min-width: 720px) {
  .found-members .subscriptions-email-card-wrapper .thumbnail::before {
    height: 100px;
  }
}
.big-photos .found-members .subscriptions-email-card-wrapper .thumbnail::before {
  height: 90px;
}
@media (min-width: 720px) {
  .big-photos .found-members .subscriptions-email-card-wrapper .thumbnail::before {
    height: 100px;
  }
}
.form .bubbles {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.form .bubbles li {
  display: block;
  margin: 0 5px 5px 0;
  float: left;
}
.form .bubbles .bubble {
  position: absolute;
  left: -9999px;
  top: 0;
}
.form .bubbles .name {
  font-size: 18px;
  line-height: 1;
  color: #222;
  padding: 10px 25px;
  display: inline-block;
  background-color: #fff;
  border-radius: 25px;
  transition: background-color 0.25s;
}
.form .bubbles .name:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 950px) {
  .form .bubbles .name {
    margin: 3px;
  }
}
.form .bubbles .bubble:focus + span {
  box-shadow: 0 0 0 2px #00b15e;
}
.form .bubbles .bubble:checked + span {
  color: #fff;
  background-color: #00b15e;
}
.choose-container {
  display: block;
  position: relative;
}
.choose-container [class*="choose-"] {
  display: block;
  height: 16px;
  margin: 0;
  padding: 0;
  line-height: 16px;
}
.choose-container .column {
  font-size: 13px;
  display: block;
  float: left;
  width: 33%;
  height: auto;
  vertical-align: top;
}
.choose-container label {
  display: inline-block;
  cursor: pointer;
}
.choose-container .primary {
  font-size: 1.153846153846154em;
}
.choose-container .group {
  padding: 0.333em 0.533em;
}
.choose-container .folding {
  position: relative;
  height: auto;
}
.choose-container .folding .primary > span {
  border-bottom: 1px dotted;
}
.choose-container .folding .secondary {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s linear;
}
.choose-container .folding.maximized .secondary {
  max-height: 30em;
}
.choose-container .variant {
  padding: 5px 8px 5px 20px;
}
.choose-container .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid #323232;
  border-right: 3px solid transparent;
  border-bottom: 0;
  border-left: 3px solid transparent;
  cursor: pointer;
}
.form .error-notification .message {
  height: 0;
  max-height: 0;
  padding: 0;
  font-size: 12px;
  box-sizing: border-box;
  color: red;
  opacity: 0;
  overflow: hidden;
  text-align: center;
  transition: all 0.25s;
  text-transform: initial;
}
.representation-form.form .error-notification .message {
  text-align: left;
}
.form .invalid ~ .error-notification .empty-preferences,
.form .invalid-incorrect ~ .error-notification .incorrect,
.form .invalid-required ~ .error-notification .empty,
.form .invalid-pattern ~ .error-notification .pattern,
.form .invalid-incorrect .error-notification .incorrect,
.form .invalid-required .error-notification .empty,
.form .invalid-pattern .error-notification .pattern {
  height: auto;
  max-height: 100px;
  padding-top: 5px;
  opacity: 1;
}
.purchase-form .form .error-notification .message {
  text-align: left;
  padding-left: 3px;
}
.preferences-form .field {
  display: inline-block;
  cursor: pointer;
}
.preferences-form .jslider-value {
  display: none;
}
.preferences-form label {
  padding: 4px 4px 4px 0;
  margin-left: 8px !important;
}
.preferences-form label > span {
  font-size: 13px;
}
.preferences-form .inner-wrapper .choice:first-child {
  display: none;
}
.language {
  width: 8.1rem;
}
.language .customized-select::before {
  height: 42px;
}
.language .customized-select select {
  height: 42px;
  border-radius: 0.5rem;
  padding-left: 2.2rem;
}
.form::before {
  content: ' ';
  position: absolute;
  left: -9999px;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.25s;
  z-index: 1;
}
.form.processing::before {
  left: 0;
  opacity: 0.7;
}
.form.processing::after {
  content: ' ';
  opacity: 1;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url(/i/preloader-white-16.gif?1) center center no-repeat;
  z-index: 2;
}
.form.no-processing::before,
.form.no-processing::after {
  display: none;
}
.user-profile {
  overflow: hidden;
}
.user-profile.not-my .offline .few-words .start-conversation {
  display: none;
}
.user-profile.not-my .offline .few-words.empty {
  padding-top: 0;
  padding-bottom: 0;
}
.user-profile.not-my .offline .few-words.empty .opener-section {
  display: none;
}
@media (min-width: 671px) {
  .user-profile.not-my .offline .few-words.empty {
    padding: 0;
    border: none;
  }
}
@media (max-width: 670px) {
  .user-profile.not-my .offline .few-words.empty .profile-photos {
    top: -160px;
  }
}
@media (max-width: 479px) {
  .user-profile.not-my .offline .few-words.empty .profile-photos {
    top: -115px;
  }
}
@media (max-width: 670px) {
  .user-profile.not-my .profile-photos {
    top: -180px;
  }
}
@media (max-width: 479px) {
  .user-profile.not-my .profile-photos {
    top: -130px;
  }
}
@media (max-width: 1530px) {
  .chat-opened .user-profile.not-my .profile-photos {
    position: relative;
    top: 0;
  }
}
.user-profile.not-my .opener-section {
  display: block;
  width: 100%;
}
.user-profile.not-my .opener-section .start-conversation {
  width: 100%;
  margin-top: 10px;
}
.user-profile.not-my .opener-section .start-conversation .send-message {
  box-shadow: none;
}
@media (max-width: 670px) {
  .user-profile.not-my .profile-container .few-words {
    min-height: inherit;
  }
  .preloading .user-profile.not-my .profile-container .few-words {
    max-height: 100px;
    box-sizing: border-box;
  }
}
@media (max-width: 1530px) {
  .chat-opened .user-profile.not-my.no-cam .offline .field {
    display: none;
  }
}
@media (max-width: 530px) {
  .user-profile.not-my.no-cam .offline .message-input {
    display: none;
  }
}
@media (max-width: 1530px) {
  .chat-opened .user-profile.not-my.no-cam .online .field {
    display: block;
  }
}
@media (max-width: 1530px) {
  .chat-opened .user-profile.not-my.no-cam .online .send-message {
    right: 0;
    left: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 1305px) {
  .chat-opened .user-profile.not-my.no-cam .online .send-message {
    border-radius: 0.33333em;
  }
}
@media (max-width: 1900px) {
  .chat-opened .user-profile.not-my.has-cam .few-words {
    padding-left: 40px;
  }
}
@media (max-width: 670px) {
  .user-profile.mine .profile-photos .popup.top {
    margin-top: 12px;
  }
}
@media (max-width: 479px) {
  .user-profile.mine .profile-photos .popup.top {
    left: -32px;
    margin-top: 20px;
  }
}
.user-profile.mine .representation .edit {
  top: 8px;
}
@media (max-width: 479px) {
  .user-profile.mine .representation .edit {
    top: 0;
  }
}
.user-profile .profile-header-wrapper {
  position: relative;
}
.user-profile .profile-header-wrapper .cover-container .popup {
  right: 0;
  left: auto;
}
.user-profile .profile-header-wrapper .cover-container .popup::after {
  left: 75%;
}
@media (max-width: 1200px) {
  .user-profile .profile-header-wrapper .credits-refill {
    display: none;
  }
}
@media (max-width: 1850px) {
  .chat-opened .user-profile .profile-header-wrapper .credits-refill {
    display: none;
  }
}
.user-profile .add-contact {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 2;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 50%;
}
.user-profile .add-contact span {
  display: inline-block;
  margin-top: 2px;
}
.user-profile .add-contact svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}
.user-profile .add-contact .in-contacts {
  display: none;
}
.user-profile .add-contact.contact-added .in-contacts {
  display: inline-block;
}
.user-profile .add-contact.contact-added .add {
  display: none;
}
.tag-users-prepromoter .user-profile .add-contact {
  display: none;
}
.user-profile.mine .add-contact {
  display: none;
}
.user-profile .agency-commissions-shares-profile-container {
  position: absolute;
  display: none;
  top: 80px;
  right: 30px;
  z-index: 7;
}
@media (min-width: 951px) {
  .user-profile .agency-commissions-shares-profile-container {
    display: block;
  }
}
.user-profile .agency-commissions-shares-profile-container .credits-commissions-shares-popup {
  top: 45px;
  right: -20px;
}
.profile-container {
  min-width: 275px;
}
.profile-container .admin-panel {
  font-size: 18px;
  display: none;
  border: 1px solid #eee;
  border-radius: 0 0 3px 3px;
  border-top: 0;
}
.profile-container .admin-panel .wrapper {
  position: relative;
  font-size: 18px;
}
.role-users-operator .profile-container .admin-panel,
.role-supervisor .profile-container .admin-panel,
.role-finance-operator .profile-container .admin-panel {
  display: block;
}
.role-finance-operator:not(.role-users-operator) .profile-container .admin-panel .button.suspend {
  display: none;
}
.profile-container .admin-panel .button.approve.default.pressed:focus {
  background-color: #dfdfdf;
}
.profile-container .admin-panel .roles,
.profile-container .admin-panel .tags {
  display: none;
  width: 230px;
  margin: 10px 14px 0 0;
}
.profile-container .admin-panel .roles h3,
.profile-container .admin-panel .tags h3 {
  margin: 0.3em 0;
}
.profile-container .admin-panel .roles .selector,
.profile-container .admin-panel .tags .selector {
  width: 230px;
}
.role-users-operator .profile-container .admin-panel .roles,
.role-users-operator .profile-container .admin-panel .tags {
  display: block;
}
.role-users-operator .profile-container .admin-panel .roles.loading,
.role-users-operator .profile-container .admin-panel .tags.loading {
  display: none;
}
.profile-container .admin-panel .roles .chzn-container,
.profile-container .admin-panel .tags .chzn-container {
  width: 228px !important;
}
.profile-container .admin-panel .roles .chzn-choices,
.profile-container .admin-panel .tags .chzn-choices {
  transition: border 2s ease-out;
}
.profile-container .admin-panel .roles.changed .chzn-choices,
.profile-container .admin-panel .tags.changed .chzn-choices {
  transition: none;
  border-color: #d00;
}
.profile-container .admin-panel .roles.saving .chzn-choices,
.profile-container .admin-panel .tags.saving .chzn-choices {
  transition: none;
  border-color: #0d0;
}
.profile-container .admin-panel .settings {
  margin-top: 20px;
}
.profile-container .admin-panel .user-controls {
  font-size: 0;
  margin-right: -5px;
}
.profile-container .admin-panel .user-controls .button {
  margin: 0 5px 5px 0;
}
.user-profile .back-to-search {
  text-align: center;
  padding-top: 20px;
}
@media (max-width: 480px) {
  .user-profile .back-to-search {
    padding-bottom: 15px;
  }
}
.suspended .user-profile .back-to-search {
  display: none;
}
.user-profile.mine .back-to-search {
  display: none;
}
.credits-refill {
  position: relative;
  display: none;
  right: 0;
  bottom: 2px;
  z-index: 1;
  text-transform: uppercase;
}
.mirror .credits-refill .amount.credits-amount {
  display: inline-block;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.credits-refill .change-credits-amount {
  display: none;
  padding: 0.7em;
}
.role-users-operator .credits-refill .change-credits-amount {
  display: inline-block;
}
.credits-refill.high .credits-amount {
  color: #009f83;
}
.credits-refill.low .credits-amount {
  color: #d5232f;
}
.credits-refill .refill {
  display: none;
  color: white;
  text-decoration: underline;
}
.mine .credits-refill .refill,
.role-credits-operator .credits-refill .refill {
  display: inline-block;
}
.mine .credits-refill,
.role-users-operator .credits-refill,
.role-credits-operator .credits-refill {
  display: inline-block;
}
.role-credits-operator .credits-refill.button-hide-for-promoter {
  display: none;
}
.role-promoter .credits-refill {
  display: none;
}
.profile-buttons-wrapper {
  justify-content: space-between;
  margin: 8px -5px 0;
}
.profile-buttons-wrapper.presents-unavailable,
.profile-buttons-wrapper.presents-available {
  display: flex;
}
.suspended .profile-buttons-wrapper {
  display: none;
}
.profile-buttons-wrapper .profile-buttons-column {
  flex-basis: 100%;
  position: relative;
  margin: 0 5px;
  padding: 26px 50px;
  min-height: 102px;
  background-repeat: no-repeat;
  border: 1px solid #eee;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  font-size: 0;
}
.profile-buttons-wrapper .profile-buttons-column::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.profile-buttons-wrapper .profile-buttons-column::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to right, rgba(249, 249, 249, 0), #f9f9f9 140px);
}
.profile-buttons-wrapper .profile-buttons-column.valentine-promo .title {
  color: #fff;
}
.profile-buttons-wrapper .profile-buttons-column.valentine-promo::before {
  background: none;
}
.profile-buttons-wrapper .title,
.profile-buttons-wrapper .button {
  display: inline-block;
  vertical-align: middle;
}
.profile-buttons-wrapper .title {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: #222;
  text-align: center;
  word-wrap: break-word;
}
.profile-buttons-wrapper .button {
  width: 200px;
  height: 48px;
  font-size: 13px;
  color: #222;
  text-transform: uppercase;
  margin-left: 50px;
}
.profile-buttons-wrapper .button svg {
  fill: #222;
}
@media (max-width: 1460px) {
  .presents-available.profile-buttons-wrapper .profile-buttons-column {
    padding: 26px 30px;
  }
  .presents-available.profile-buttons-wrapper .profile-buttons-column .button {
    transition: none;
    margin-left: 30px;
  }
}
@media (max-width: 1360px) {
  .presents-available.profile-buttons-wrapper .profile-buttons-column {
    margin: 0 3px;
    text-align: center;
  }
  .presents-available.profile-buttons-wrapper .profile-buttons-column::after {
    display: none;
  }
  .presents-available.profile-buttons-wrapper .profile-buttons-column .title,
  .presents-available.profile-buttons-wrapper .profile-buttons-column .button {
    margin: 0 auto;
  }
  .presents-available.profile-buttons-wrapper .profile-buttons-column .title {
    display: block;
    margin-bottom: 12px;
  }
}
@media (max-width: 600px) {
  .presents-available.profile-buttons-wrapper .profile-buttons-column::before {
    display: none;
  }
  .presents-available.profile-buttons-wrapper .profile-buttons-column .button {
    width: 100%;
    margin: 0;
  }
  .presents-available.profile-buttons-wrapper .profile-buttons-column .title {
    display: none;
  }
}
@media (max-width: 570px) {
  .presents-available.profile-buttons-wrapper {
    flex-direction: column;
  }
  .presents-available.profile-buttons-wrapper .send-letter-profile {
    margin-bottom: 7px;
  }
}
@media (max-width: 2080px) {
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper .profile-buttons-column {
    padding: 26px 30px;
  }
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper .profile-buttons-column .button {
    transition: none;
    margin-left: 30px;
  }
}
@media (max-width: 1970px) {
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper .profile-buttons-column {
    margin: 0 3px;
    text-align: center;
  }
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper .profile-buttons-column::after {
    display: none;
  }
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper .profile-buttons-column .title,
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper .profile-buttons-column .button {
    margin: 0 auto;
  }
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper .profile-buttons-column .title {
    display: block;
    margin-bottom: 12px;
  }
}
@media (max-width: 1450px) {
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper .profile-buttons-column::before {
    display: none;
  }
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper .profile-buttons-column .button {
    width: 100%;
    margin: 0;
  }
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper .profile-buttons-column .title {
    display: none;
  }
}
@media (max-width: 1360px) {
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper {
    flex-direction: column;
  }
  .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available.profile-buttons-wrapper .send-letter-profile {
    margin-bottom: 7px;
  }
}
@media (max-width: 1024px) {
  .presents-unavailable.profile-buttons-wrapper .profile-buttons-column {
    padding: 26px 30px;
  }
  .presents-unavailable.profile-buttons-wrapper .profile-buttons-column .button {
    transition: none;
    margin-left: 30px;
  }
}
@media (max-width: 600px) {
  .presents-unavailable.profile-buttons-wrapper .profile-buttons-column::before {
    display: none;
  }
  .presents-unavailable.profile-buttons-wrapper .profile-buttons-column .button {
    width: 100%;
    margin: 0;
  }
  .presents-unavailable.profile-buttons-wrapper .profile-buttons-column .title {
    display: none;
  }
}
@media (max-width: 1570px) {
  .chat-opened .presents-unavailable.profile-buttons-wrapper .profile-buttons-column {
    padding: 26px 30px;
  }
  .chat-opened .presents-unavailable.profile-buttons-wrapper .profile-buttons-column .button {
    transition: none;
    margin-left: 30px;
  }
}
@media (max-width: 1250px) {
  .chat-opened .presents-unavailable.profile-buttons-wrapper .profile-buttons-column::before {
    display: none;
  }
  .chat-opened .presents-unavailable.profile-buttons-wrapper .profile-buttons-column .button {
    width: 100%;
    margin: 0;
  }
  .chat-opened .presents-unavailable.profile-buttons-wrapper .profile-buttons-column .title {
    display: none;
  }
}
.chat-opened .current-user-chat-opened.liveroom .presents-available.profile-buttons-wrapper .send-letter-profile {
  margin-bottom: 10px;
}
.chat-opened .current-user-chat-opened.liveroom .profile-buttons-wrapper {
  flex-direction: column;
}
.send-letter-profile {
  background-image: url('/i/free-letters-bg.png');
  background-position: left -50px top -40px;
  box-sizing: border-box;
  cursor: pointer;
  text-align: right;
  display: none;
}
.send-letter-profile .short,
.send-letter-profile .full,
.send-letter-profile .male,
.send-letter-profile .female,
.send-letter-profile .for-free {
  display: none;
}
.send-letter-profile.free,
.send-letter-profile.default {
  display: block;
}
.mine .profile-buttons-wrapper .send-letter-profile,
.mine .private-info .profile-buttons-wrapper .send-letter-profile,
.role-users-operator .profile-buttons-wrapper .send-letter-profile,
.chat-opened .current-user-chat-opened .profile-buttons-wrapper .send-letter-profile {
  display: none;
}
.chat-opened .current-user-chat-opened.liveroom .send-letter-profile {
  display: block;
}
.male .send-letter-profile .male {
  display: block;
}
.male .send-letter-profile .no-gender {
  display: none;
}
.female .send-letter-profile .female {
  display: block;
}
.female .send-letter-profile .no-gender {
  display: none;
}
.send-letter-profile.free .for-free {
  display: inline-block;
}
.send-letter-profile.free .not-free {
  display: none;
}
.send-letter-profile.default .not-free {
  display: inline-block;
}
.send-letter-profile.default .for-free {
  display: none;
}
.presents-available .send-letter-profile .short {
  display: block;
}
.presents-unavailable .send-letter-profile .full {
  display: block;
}
@media (min-width: 951px) and (max-width: 1224px) {
  .presents-unavailable .send-letter-profile .title {
    text-align: center;
  }
  .presents-unavailable .send-letter-profile .male span,
  .presents-unavailable .send-letter-profile .female span {
    display: block;
  }
}
@media (max-width: 870px) {
  .presents-unavailable .send-letter-profile .title {
    text-align: center;
  }
  .presents-unavailable .send-letter-profile .male span,
  .presents-unavailable .send-letter-profile .female span {
    display: block;
  }
}
@media (max-width: 1790px) {
  .chat-opened .presents-unavailable .send-letter-profile .title {
    text-align: center;
  }
  .chat-opened .presents-unavailable .send-letter-profile .male span,
  .chat-opened .presents-unavailable .send-letter-profile .female span {
    display: block;
  }
}
@media (max-width: 670px) {
  .presents-unavailable .send-letter-profile .full {
    display: none;
  }
  .presents-unavailable .send-letter-profile .short {
    display: block;
  }
}
@media (max-width: 1470px) {
  .chat-opened .presents-unavailable .send-letter-profile .full {
    display: none;
  }
  .chat-opened .presents-unavailable .send-letter-profile .short {
    display: block;
  }
}
.preloading .send-letter-profile {
  border: none;
  background: none;
}
.choose-presents {
  display: none;
  background-image: url('/i/presents/presents-fon.png?1');
  background-position: left -100px center;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 1370px) {
  .choose-presents .chat-opened .user-profile:not(.current-user-chat-opened) .presents-available {
    background-position: left -94px bottom -42px;
  }
}
@media (max-width: 1224px) {
  .choose-presents {
    background-position: left -94px bottom -42px;
  }
  .choose-presents.valentine-promo {
    background-position: -50px 0;
  }
}
.choose-presents.valentine-promo {
  background-color: #9d0002;
  background-image: url('/i/presents/presents-valentine-bg.png');
  background-position: -41px -20px;
}
.presents-unavailable .choose-presents {
  display: none;
}
.presents-available .choose-presents {
  display: block;
}
.preloading .choose-presents {
  border: none;
  background: none;
}
.profile-card {
  position: relative;
  text-decoration: none;
}
.profile-card .profile-info {
  position: relative;
  min-height: 26px;
  padding: 13px 9px 9px;
  font-size: 26.66672px;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  overflow: hidden;
  height: 26px;
}
.profile-card .profile-info .brief-info {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 25px;
}
.profile-card .profile-info .connection-status {
  position: absolute;
  right: 35px;
}
.big-photos .profile-card .profile-info .connection-status {
  position: relative;
  right: auto;
}
.profile-card .profile-id {
  font-size: 12px;
  line-height: 21px;
  text-align: right;
}
@media (max-width: 600px) {
  .profile-card .profile-id {
    float: none;
    display: block;
  }
}
.profile-card p {
  margin-top: 0;
  margin-bottom: 0.1em;
}
.profile-card .brief-info {
  max-height: 2.75em;
  white-space: pre-wrap;
  overflow: hidden;
  margin-bottom: 0;
}
.profile-card .connection-status {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.profile-card .connection-status .led {
  top: 10px;
  left: 5px;
}
.chat-wrapper .profile-card .connection-status,
.send-letter-wrapper .profile-card .connection-status {
  float: right;
}
.chat-wrapper .profile-card .connection-status .led,
.send-letter-wrapper .profile-card .connection-status .led {
  top: 7px;
  left: -15px;
}
.profile-card .thumbnail .photo {
  height: auto;
  width: 100%;
}
.profile-card .thumbnail .photo.loaded {
  display: none;
}
.profile-card .thumbnail .player-control {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.member-wrapper .profile-card:hover .thumbnail .photo {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}
.profile-card .about {
  color: #717171;
  overflow: hidden;
  position: relative;
  height: 57px;
  margin: 0 14px 16px 14px;
  font-size: 14px;
  line-height: 1.4;
}
.big-photos .profile-card .about {
  display: none;
}
.result-grid .profile-card .about {
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1125px) {
  .result-grid .profile-card .about {
    font-size: 14px;
  }
}
@media (max-width: 950px) {
  .result-grid .profile-card .about {
    font-size: 13px;
  }
}
@media (max-width: 756px) {
  .result-grid .profile-card .about {
    font-size: 12px;
  }
}
@media (max-width: 470px) {
  .result-grid .profile-card .about {
    font-size: 10px;
  }
}
.profile-card .about-me {
  font-size: 14px;
}
.role-commissions-operator .profile-card .about-me {
  height: 40px;
  overflow: hidden;
}
.profile-card .user-info {
  border: 1px solid #eee;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.profile-card .online-label,
.profile-card .offline-label {
  display: none;
  font-size: 13px;
}
.profile-card .online-label {
  color: #00b15e;
}
.profile-card .chat-active {
  display: none;
}
.profile-card .statuses {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.profile-card .statuses > * {
  -webkit-flex: 0 1 30%;
  -moz-flex: 0 1 30%;
  -ms-flex: 0 1 30%;
  -o-flex: 0 1 30%;
  flex: 0 1 30%;
}
.profile-card .statuses .mingle-status,
.profile-card .statuses .introductory-email-status {
  -webkit-flex: 0 1 20px;
  -moz-flex: 0 1 20px;
  -ms-flex: 0 1 20px;
  -o-flex: 0 1 20px;
  flex: 0 1 20px;
  margin-right: 10px;
}
.profile-card .statuses .profile-id {
  -webkit-flex: 1 0 50%;
  -moz-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  -o-flex: 1 0 50%;
  flex: 1 0 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-card .statuses .led::before {
  right: 0;
  top: 0;
  left: auto;
}
.profile-card .mingle-status {
  display: none;
  margin-right: 15px;
  width: 20px;
  height: 18px;
}
.profile-card .mingle-status svg {
  fill: #656665;
}
.profile-card .mingle-status.led::before {
  margin-top: 0;
  margin-right: -2px;
}
.profile-card .introductory-email-status {
  display: none;
  width: 22px;
  height: 15px;
}
.profile-card .introductory-email-status svg {
  fill: #656665;
}
.profile-card .introductory-email-status.led::before {
  margin-top: -2px;
  margin-right: -4px;
}
.agencies .profile-card .about-text {
  display: none;
}
.agencies .profile-card .online-label,
.agencies .profile-card .offline-label,
.agencies .profile-card .mingle-status,
.agencies .profile-card .introductory-email-status {
  display: inline-block;
  vertical-align: middle;
}
.agencies .profile-card .chat-active.active {
  display: block;
}
.agencies .profile-card .profile-statuses {
  display: block;
}
.mirror .profile-card .photos-counter {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  display: inline-block;
}
.big-photos .profile-card .photos-counter {
  display: none;
}
.profile-card .profile-statuses {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.profile-card .profile-statuses .status {
  font-size: 13px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin: 0 0 5px 0;
  padding: 0 10px;
  border-radius: 10px;
  color: #fff;
  white-space: nowrap;
}
.profile-card .profile-statuses .status.approved {
  background-color: #009f83;
}
.profile-card .profile-statuses .status.on-moderation {
  background-color: #0d94bf;
}
.profile-card .profile-statuses .status.declined {
  background-color: rgba(0, 0, 0, 0.5);
}
.profile-card .profile-statuses .status.suspended {
  background-color: #e80023;
}
.profile-card .profile-statuses .status span,
.profile-card .profile-statuses .status svg {
  display: inline-block;
  vertical-align: top;
}
.profile-card .profile-statuses .status svg {
  width: 14px;
  margin-left: 4px;
  fill: #fff;
}
.rating-wrapper {
  display: none;
}
.profile-card .thumbnail .rating-wrapper {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.role-users-operator .profile-card .thumbnail .rating-wrapper {
  display: block;
}
.admin-panel.tag-unapproved:not(.loading) .rating-wrapper,
.admin-panel.tag-dialogs-messages-promoter .rating-wrapper,
.admin-panel.tag-users-prepromoter .rating-wrapper {
  margin-right: 5px;
}
.role-users-operator .admin-panel.tag-unapproved:not(.loading) .rating-wrapper,
.role-users-operator .admin-panel.tag-dialogs-messages-promoter .rating-wrapper,
.role-users-operator .admin-panel.tag-users-prepromoter .rating-wrapper {
  display: inline-block;
}
.admin-panel.tag-dialogs-messages-promoter:not(.tag-unapproved) .rating-wrapper .star {
  pointer-events: none;
}
.rating-wrapper .rating {
  white-space: nowrap;
  height: 16px;
  background: rgba(0, 0, 0, 0.5);
  padding: 11px 8px;
  border-radius: 10px;
}
.rating-wrapper .rating:not(.has-rating) .star:hover svg,
.rating-wrapper .rating:not(.has-rating) .star:hover ~ .star svg {
  fill: #f1b12a;
  opacity: 1;
}
.rating-wrapper .rating.has-rating {
  cursor: default;
}
.rating-wrapper .rating.has-rating .star {
  cursor: default;
}
.rating-wrapper .rating .star {
  float: right;
  padding: 0 5px;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.rating-wrapper .rating .star.checked svg,
.rating-wrapper .rating .star.checked ~ .star svg {
  fill: #f1b12a;
  opacity: 1;
}
.rating-wrapper .rating .star svg {
  height: 16px;
  opacity: 0.6;
  fill: #fff;
  transition: 0.2s;
}
.rating-wrapper .rating.blinked .star svg {
  animation: blink-stars 1.5s;
}
@keyframes blink-stars {
  0% {
    fill: #fff;
    opacity: 0.6;
  }
  50% {
    fill: #f1b12a;
    opacity: 1;
  }
  100% {
    fill: #fff;
    opacity: 0.6;
  }
}
.member-wrapper .promoter-overlords-selector-search-card-container {
  display: none;
}
@media (min-width: 951px) {
  .role-commissions-operator .member-wrapper .promoter-overlords-selector-search-card-container {
    display: block;
  }
}
.member-wrapper .promoter-overlords-selector-search-card-container .promoter-overlords-select .selected {
  width: calc(100% - 22px);
  padding: 0 10px 20px;
  margin-bottom: -20px;
}
.member-wrapper .promoter-overlords-selector-search-card-container .promoter-overlords-select .selected .thumbnail {
  display: block;
  min-width: 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.profile-container {
  position: relative;
}
.profile-container .disabled {
  cursor: default !important;
}
.profile-container .disabled .edit {
  display: none !important;
}
.profile-container .container {
  position: relative;
  padding: 30px 40px;
  background: #fff;
}
.profile-container .container .edit {
  position: absolute;
  top: 0;
  right: 0;
}
.profile-container .container .empty-phrase-container {
  display: none;
}
.mine .profile-container .container,
.role-users-operator .profile-container .container {
  margin: 8px 0;
  color: #222;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
}
.mine .profile-container .container:hover,
.role-users-operator .profile-container .container:hover {
  cursor: pointer;
}
.profile-container .wrapper {
  position: relative;
  margin: 8px 0;
}
.profile-container .spinner-container {
  position: relative;
}
.profile-container .spinner-container > * {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.profile-container .spinner-container.loading > * {
  opacity: 0;
}
.profile-container .spinner-container.loading > .spinner {
  opacity: 1;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
}
.profile-container > .change-subscription-button-container .change-subscription-button {
  display: none;
  margin: 10px auto;
  width: 100%;
}
@media (max-width: 670px) {
  .profile-container > .change-subscription-button-container .change-subscription-button {
    display: block;
  }
}
.counters {
  position: absolute;
  bottom: 0;
  left: 6px;
  font-size: 0;
}
.counters .photos-counter,
.counters .videos-counter {
  position: relative;
  display: inline-block;
  padding-left: 36px;
  height: 36px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 36px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media (max-width: 600px) {
  .counters .photos-counter,
  .counters .videos-counter {
    font-size: 12px;
  }
}
.counters .photos-counter.loading,
.counters .videos-counter.loading {
  display: none;
}
.counters .photos-counter svg,
.counters .videos-counter svg {
  position: absolute;
  width: 22px;
  bottom: 1px;
  left: 6px;
  fill: #fff;
  overflow: visible;
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));
}
@media (max-width: 600px) {
  .counters .photos-counter svg,
  .counters .videos-counter svg {
    width: 20px;
  }
}
.counters .photos-counter.private,
.counters .videos-counter.private,
.counters .photos-counter.travel,
.counters .videos-counter.travel {
  padding-left: 32px;
}
.counters .photos-counter.private svg,
.counters .videos-counter.private svg,
.counters .photos-counter.travel svg,
.counters .videos-counter.travel svg {
  width: 18px;
}
@media (max-width: 600px) {
  .counters .photos-counter.private svg,
  .counters .videos-counter.private svg,
  .counters .photos-counter.travel svg,
  .counters .videos-counter.travel svg {
    width: 16px;
  }
}
.counters .photos-counter.empty,
.counters .videos-counter.empty {
  color: #d4202d;
}
.counters .photos-counter.empty svg,
.counters .videos-counter.empty svg {
  fill: #d4202d;
}
.counters .videos-counter svg {
  bottom: 0;
}
.agencies .counters {
  left: 12px;
}
.agencies .counters .photos-counter,
.agencies .counters .videos-counter {
  padding-left: 22px;
  padding-right: 5px;
}
.agencies .counters .photos-counter.private,
.agencies .counters .videos-counter.private,
.agencies .counters .photos-counter.travel,
.agencies .counters .videos-counter.travel {
  padding-left: 19px;
}
@media (max-width: 600px) {
  .agencies .counters .photos-counter,
  .agencies .counters .videos-counter {
    padding-left: 20px;
  }
  .agencies .counters .photos-counter.private,
  .agencies .counters .videos-counter.private,
  .agencies .counters .photos-counter.travel,
  .agencies .counters .videos-counter.travel {
    padding-left: 17px;
  }
}
.agencies .counters svg {
  left: 0;
}
.agencies .counters .count {
  display: block;
  line-height: 13px;
}
.cover-templates .cover-templates-wrapper {
  width: 1150px;
  height: 750px;
}
@media (max-width: 1200px) {
  .cover-templates .cover-templates-wrapper {
    max-width: 910px;
  }
}
@media (max-width: 950px) {
  .cover-templates .cover-templates-wrapper {
    max-width: 740px;
  }
}
@media (max-width: 770px) {
  .cover-templates .cover-templates-wrapper {
    max-width: 570px;
  }
}
@media (max-width: 599px) {
  .cover-templates .cover-templates-wrapper {
    max-width: 450px;
  }
}
@media (max-width: 479px) {
  .cover-templates .cover-templates-wrapper {
    max-width: 290px;
  }
}
.cover-templates .cover-templates-wrapper .list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cover-templates .cover-templates-wrapper .add-cover {
  display: none;
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 1;
  overflow: hidden;
}
.cover-templates .cover-templates-wrapper .add-cover input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 25em;
  cursor: pointer;
  opacity: 0;
}
.role-content-operator .cover-templates .cover-templates-wrapper .for-content-operator {
  display: block;
}
.cover-templates .cover-templates-wrapper .cover {
  position: relative;
  height: 300px;
}
.cover-templates .cover-templates-wrapper .cover .cover-photo {
  position: relative;
  left: 50%;
  width: 1150px;
  height: 300px;
  margin-left: -575px;
  opacity: 1;
  display: block;
  transition: opacity 0.5s;
}
.cover-templates .cover-templates-wrapper .cover .cover-photo.loading {
  opacity: 0;
}
.cover-templates .cover-templates-wrapper .cover .make-cover-photo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -60px;
}
.cover-templates .cover-templates-wrapper .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
}
.cover-templates .cover-templates-wrapper.loading .spinner {
  display: block;
}
.cover-container {
  position: relative;
  height: 300px;
  text-align: center;
  background-color: #fff;
}
@media (max-width: 670px) {
  .cover-container {
    max-height: 250px;
  }
}
@media (max-width: 479px) {
  .cover-container {
    max-height: 200px;
  }
}
.cover-container::before {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px;
  z-index: 1;
  content: '';
  background: url('/i/profile/cover-gradient.png?1');
}
.cover-container .birthday-cover {
  display: none;
}
.birthday.not-my .cover-container {
  background: transparent;
}
.birthday.not-my .cover-container .birthday-cover {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -575px;
  margin-top: -150px;
}
.cover-container .uploader-container {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 30px;
  right: 40px;
}
@media (max-width: 1279px) {
  .cover-container .uploader-container {
    right: 30px;
  }
}
@media (max-width: 670px) {
  .cover-container .uploader-container {
    right: 20px;
  }
}
@media (max-width: 479px) {
  .cover-container .uploader-container {
    right: 15px;
  }
}
.cover-container .uploader-container .popup {
  left: -95px;
}
.cover-container .viewport-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.cover-container .viewport {
  height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  float: left;
}
.cover-container .controls {
  position: absolute;
  top: 30px;
  right: 40px;
  display: none;
}
@media (max-width: 1279px) {
  .cover-container .controls {
    right: 30px;
  }
}
@media (max-width: 670px) {
  .cover-container .controls {
    right: 20px;
  }
}
@media (max-width: 479px) {
  .cover-container .controls {
    right: 15px;
  }
}
.cover-container .controls .button {
  margin-left: 5px;
}
@media (max-width: 479px) {
  .cover-container .controls .button.dismiss {
    margin-bottom: 10px;
  }
}
@media (max-width: 479px) {
  .cover-container .controls .button.apply {
    display: block;
    min-width: 110px;
  }
}
.cover-container .reposition-message {
  display: none;
  position: absolute;
  top: 50%;
  font-size: 13px;
  width: 100%;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-user-select: none;
  left: -50%;
  cursor: default;
  z-index: 11;
  text-shadow: 1px 1px 6px black;
}
.cover-container .arrows-wrapper {
  display: inline-block;
  margin-bottom: -5px;
}
.cover-container .arrow {
  width: 0;
  height: 0;
}
.cover-container .arrow.up {
  margin-bottom: 3px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #fff;
}
.cover-container .arrow.down {
  margin-top: 3px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #fff;
}
.cover-container .cover-photo {
  position: relative;
  top: 0;
  left: -50%;
  min-height: 300px;
  min-width: 1150px;
}
.cover-container .add {
  display: none;
}
.cover-container.empty .add {
  display: inline;
}
.cover-container.empty .update {
  display: none;
}
.cover-container.empty .cover-photo {
  display: none;
}
.cover-container.empty-list .choose {
  display: none;
}
.cover-container.change .controls,
.cover-container.change .reposition-message {
  display: block;
}
.cover-container.change .uploader-container {
  display: none !important;
}
.cover-container.change::before {
  z-index: 0;
}
.cover-container.loading .cover-photo {
  display: none;
}
.cover-container.loading .uploader-container {
  display: none !important;
}
.preloading .cover-container .default-profile {
  border-radius: 0;
}
.cover-container .change-subscription-button {
  display: none;
  left: 14px;
  position: absolute;
  top: 125px;
}
@media (min-width: 1441px) {
  .cover-container .change-subscription-button {
    left: 25px;
  }
}
@media (max-width: 1530px) and (min-width: 1385px) {
  .chat-opened .cover-container .change-subscription-button {
    top: 90px;
    left: 17px;
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media (min-width: 671px) {
  .cover-container .change-subscription-button {
    display: block;
  }
}
.mine .uploader-container.edit {
  display: block;
}
.default-profile {
  position: relative;
  display: none;
  height: 100%;
  width: 100%;
  background: #f5f5f5;
  border-radius: 10px;
}
.preloading .default-profile {
  display: block;
}
.profile-container .default-profile {
  position: absolute;
  top: 0;
  left: 0;
}
.cover-container .default-profile {
  z-index: 2;
}
.folders-container .default-profile {
  z-index: 3;
}
.few-words .default-profile {
  top: 0;
  left: 0;
  z-index: 1;
  background: #ffffff;
}
.container-profile-photo .default-profile {
  border-bottom: none;
  z-index: 1;
}
.default-profile .member-name {
  position: absolute;
  bottom: 8px;
  left: 295px;
  height: 18px;
  max-width: 140px;
  width: 50%;
  border-radius: 10px;
  background: #fff;
}
@media (min-width: 1025px) {
  .default-profile .member-name {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #fff), color-stop(18%, #ebebeb), color-stop(33%, #fff));
    background: -webkit-linear-gradient(left, #fff 8%, #ebebeb 18%, #fff 33%);
    background: linear-gradient(to right, #fff 8%, #ebebeb 18%, #fff 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    will-change: auto;
  }
}
@media (max-width: 1440px) {
  .default-profile .member-name {
    left: 275px;
  }
}
@media (max-width: 670px) {
  .default-profile .member-name {
    bottom: 16px;
    left: 152px;
  }
}
.default-profile .member-options {
  position: absolute;
  left: 295px;
  width: calc(100%  - 335px);
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 1440px) {
  .default-profile .member-options {
    left: 275px;
    width: calc(100%  - 305px);
  }
}
@media (max-width: 670px) {
  .default-profile .member-options {
    left: 16px;
    width: calc(100%  - 24px);
  }
}
.few-words .default-profile .member-options {
  margin-top: 20px;
}
.default-profile .member-options li {
  margin: 0 0 10px 0;
  border-radius: 10px;
  height: 12px;
  background: #f5f5f5;
}
@media (min-width: 1025px) {
  .default-profile .member-options li {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #f5f5f5), color-stop(18%, #ebebeb), color-stop(33%, #f5f5f5));
    background: -webkit-linear-gradient(left, #f5f5f5 8%, #ebebeb 18%, #f5f5f5 33%);
    background: linear-gradient(to right, #f5f5f5 8%, #ebebeb 18%, #f5f5f5 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    will-change: auto;
  }
}
.default-profile .member-options li:first-child {
  display: none;
}
@media (max-width: 670px) {
  .default-profile .member-options li:first-child {
    display: list-item;
  }
}
.default-profile .member-options li:last-child {
  width: 65%;
  max-width: 310px;
  margin-bottom: 0;
}
.profile-complete .complete-button-section {
  width: 750px;
  margin: 0 auto;
}
@media (max-width: 950px) {
  .profile-complete .complete-button-section {
    width: 490px;
  }
}
@media (max-width: 770px) {
  .profile-complete .complete-button-section {
    width: 450px;
  }
}
@media (max-width: 599px) {
  .profile-complete .complete-button-section {
    width: 344px;
  }
}
@media (max-width: 479px) {
  .profile-complete .complete-button-section {
    width: 280px;
  }
}
@media (max-width: 950px) {
  .profile-complete .complete-button-section .back,
  .profile-complete .complete-button-section .skip {
    font-size: 16px;
  }
}
.profile-complete .complete-button-section .back {
  right: auto;
  left: 0;
  margin-right: 0;
}
.profile-complete .complete-button-section .skip {
  right: 0;
  left: auto;
  margin-left: 0;
}
.profile-edit-form {
  padding: 45px 65px;
}
@media (max-width: 999px) {
  .profile-edit-form {
    padding: 45px;
  }
}
@media (max-width: 479px) {
  .profile-edit-form {
    padding: 45px 20px;
  }
}
.profile-edit-form .title {
  display: none;
}
.profile-edit-form .example {
  display: none;
}
.profile-edit-form .editable-section {
  padding: 30px 0 50px 0;
}
.profile-edit-form .complete-button-section {
  display: none;
}
.profile-edit-form .button-section {
  position: relative;
}
.profile-edit-form .button-section .approve {
  font-size: 17px;
  text-transform: uppercase;
  display: block;
  width: 198px;
  height: 53px;
  margin: auto;
  padding: 0;
}
@media (max-width: 950px) {
  .profile-edit-form .button-section .approve {
    height: 40px;
    width: 130px;
    font-size: 13px;
  }
}
.profile-edit-form .button-section .cancel {
  font-size: 15px;
  text-transform: uppercase;
  display: inline-block;
  position: absolute;
  right: 50%;
  top: 50%;
  margin-right: 150px;
  margin-top: -8px;
  line-height: 16px;
}
.mirror .profile-edit-form input,
.mirror .profile-edit-form select,
.mirror .profile-edit-form textarea {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
@media (max-width: 950px) {
  .profile-complete .interests-form.profile-edit-form {
    padding: 28px 25px;
  }
}
@media (max-width: 770px) {
  .profile-complete .interests-form.profile-edit-form {
    padding: 30px 10px;
  }
}
@media (max-width: 599px) {
  .profile-complete .interests-form.profile-edit-form {
    padding: 15px 25px 25px 25px;
  }
}
@media (max-width: 479px) {
  .profile-complete .interests-form.profile-edit-form {
    padding: 15px;
  }
}
@media (max-width: 950px) {
  .profile-complete .interests-form .title {
    font-size: 26px;
  }
}
@media (max-width: 599px) {
  .profile-complete .interests-form .title {
    font-size: 18px;
  }
}
.profile-complete .interests-form .editable-section {
  padding: 30px 0;
}
@media (max-width: 950px) {
  .profile-complete .interests-form .editable-section {
    padding: 20px 0;
  }
}
@media (max-width: 770px) {
  .profile-complete .interests-form .editable-section {
    padding: 15px 0 25px 0;
  }
}
@media (max-width: 479px) {
  .profile-complete .interests-form .editable-section {
    padding: 17px 0;
  }
}
.profile-complete .interests-form .editable-section .interests-list {
  width: 750px;
}
@media (max-width: 950px) {
  .profile-complete .interests-form .editable-section .interests-list {
    width: 670px;
    max-height: 300px;
    overflow-y: scroll;
  }
}
@media (max-width: 770px) {
  .profile-complete .interests-form .editable-section .interests-list {
    width: 550px;
    max-height: 400px;
  }
}
@media (max-width: 599px) {
  .profile-complete .interests-form .editable-section .interests-list {
    width: 400px;
  }
}
@media (max-width: 479px) {
  .profile-complete .interests-form .editable-section .interests-list {
    width: 260px;
    max-height: 320px;
  }
}
.profile-complete .interests-form .editable-section .interests-list li {
  width: 242px;
}
@media (max-width: 950px) {
  .profile-complete .interests-form .editable-section .interests-list li {
    width: 210px;
    margin: 0 0 5px 0;
  }
}
@media (max-width: 770px) {
  .profile-complete .interests-form .editable-section .interests-list li {
    width: 170px;
  }
}
@media (max-width: 599px) {
  .profile-complete .interests-form .editable-section .interests-list li {
    width: 175px;
    margin-right: 10px;
  }
}
@media (max-width: 479px) {
  .profile-complete .interests-form .editable-section .interests-list li {
    width: auto;
  }
}
@media (max-width: 950px) {
  .profile-complete .interests-form .editable-section .interests-list li .name {
    font-size: 15px;
  }
}
@media (max-width: 770px) {
  .profile-complete .interests-form .editable-section .interests-list li .name {
    padding: 8px 16px;
  }
}
@media (max-width: 479px) {
  .profile-complete .interests-form .editable-section .interests-list li .name {
    padding: 10px 18px;
    font-size: 18px;
  }
}
@media (max-width: 950px) {
  .interests-form {
    padding: 65px 25px 35px 25px;
  }
}
@media (max-width: 479px) {
  .interests-form {
    padding: 10px 25px;
  }
}
.interests-form .editable-section {
  max-width: 700px;
}
@media (max-width: 950px) {
  .interests-form .editable-section {
    padding: 0 0 30px 0;
  }
}
@media (max-width: 479px) {
  .interests-form .editable-section {
    max-width: 260px;
    padding-bottom: 10px;
  }
}
@media (max-width: 950px) {
  .interests-form .editable-section .interests-list {
    width: 100%;
    max-height: 220px;
    min-width: 260px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 770px) {
  .interests-form .editable-section .interests-list {
    max-height: 300px;
  }
}
@media (max-width: 599px) {
  .interests-form .editable-section .interests-list {
    max-height: 400px;
  }
}
@media (max-width: 479px) {
  .interests-form .editable-section .interests-list {
    max-height: 390px;
  }
}
.representation-form {
  color: #222;
}
.representation-form label {
  cursor: pointer;
}
.representation-form .data {
  font-size: 18px;
}
@media (max-width: 950px) {
  .representation-form .data {
    max-height: 42px;
    padding: 0.785714em 0.6em;
    font-size: 16px;
  }
}
@media (max-width: 599px) {
  .representation-form .data {
    font-size: 14px;
  }
}
.representation-form .editable-section {
  padding: 0;
}
.representation-form .field-wrapper {
  display: table;
  vertical-align: middle;
  padding: 0;
}
@media (max-width: 599px) {
  .representation-form .field-wrapper {
    display: table;
    width: 100%;
  }
}
.representation-form .field-wrapper.gender {
  display: table-cell;
}
@media (max-width: 599px) {
  .representation-form .field-wrapper.gender {
    display: table;
    width: 100%;
  }
}
.representation-form .field-wrapper.preferences {
  display: none;
}
.representation-form .field-wrapper.name {
  width: 100%;
}
.representation-form .field-wrapper.living-with {
  width: 100%;
}
.representation-form .field-wrapper.living-with .customized-select {
  width: 100%;
}
.representation-form .field-wrapper.gender .data-wrapper {
  font-size: 0;
}
.representation-form .field-wrapper.gender .data-wrapper .field-wrapper {
  width: 100%;
}
@media (max-width: 599px) {
  .representation-form .field-wrapper.gender .data-wrapper .field-wrapper .data {
    width: 100%;
  }
}
@media (max-width: 950px) {
  .representation-form .field-wrapper.gender {
    display: table-cell;
  }
}
@media (max-width: 599px) {
  .representation-form .field-wrapper.gender {
    display: table;
    width: 100%;
  }
}
.representation-form .field-wrapper.birthday {
  width: 100%;
}
.representation-form .field-wrapper.birthday .data-wrapper {
  font-size: 0;
}
.representation-form .field-wrapper.birthday .error-notification {
  width: 100%;
}
.representation-form .field-wrapper.hometown {
  display: none;
}
.representation-form .field-wrapper.hometown .data-wrapper .destination {
  width: 700px;
}
@media (max-width: 950px) {
  .representation-form .field-wrapper.hometown .data-wrapper .destination {
    width: 100%;
  }
}
.representation-form .field-wrapper.hometown p {
  display: block;
}
@media (max-width: 950px) {
  .representation-form .field-wrapper.hometown {
    width: 100%;
  }
}
@media (max-width: 950px) {
  .representation-form .field-wrapper.genders-wrapper,
  .representation-form .field-wrapper.gender,
  .representation-form .field-wrapper.birthday,
  .representation-form .field-wrapper.hometown {
    margin-top: 15px;
    text-transform: capitalize;
  }
}
@media (max-width: 599px) {
  .representation-form .field-wrapper.genders-wrapper,
  .representation-form .field-wrapper.gender,
  .representation-form .field-wrapper.birthday,
  .representation-form .field-wrapper.hometown {
    margin-top: 10px;
  }
}
.representation-form .field-wrapper.genders-wrapper .data-wrapper {
  padding-bottom: 0;
}
@media (max-width: 950px) {
  .representation-form .field-wrapper.genders-wrapper .text-wrapper,
  .representation-form .field-wrapper.genders-wrapper .data-wrapper {
    display: table-cell;
    vertical-align: middle;
  }
}
.representation-form .field-wrapper.genders-wrapper .text-wrapper {
  white-space: nowrap;
}
.representation-form .field-wrapper.genders-wrapper .text-wrapper::after {
  content: '';
}
@media (max-width: 950px) {
  .representation-form .field-wrapper.genders-wrapper .text-wrapper {
    padding-right: 10px;
  }
}
@media (max-width: 599px) {
  .representation-form .field-wrapper.genders-wrapper .text-wrapper {
    padding-right: 5px;
  }
}
.representation-form .field-wrapper.genders-wrapper .error-notification {
  padding-left: 110px;
}
@media (max-width: 950px) {
  .representation-form .field-wrapper.genders-wrapper .error-notification {
    padding-left: 0;
  }
}
.representation-form .text-wrapper,
.representation-form .data-wrapper {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 950px) {
  .representation-form .text-wrapper,
  .representation-form .data-wrapper {
    display: table;
    padding: 0;
    width: 100%;
    text-align: left;
  }
}
.representation-form .text-wrapper {
  width: 110px;
  padding-right: 15px;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
}
@media (max-width: 950px) {
  .representation-form .text-wrapper {
    width: auto;
    padding: 0;
    margin: 0 0 3px 0;
    text-align: left;
    font-size: 13px;
  }
}
@media (max-width: 599px) {
  .representation-form .text-wrapper {
    font-size: 12px;
    margin-left: 0;
  }
}
.representation-form .text-wrapper::first-letter {
  text-transform: uppercase;
}
.representation-form .text-wrapper::after {
  content: ':';
  display: inline;
  font-weight: bold;
}
@media (max-width: 950px) {
  .representation-form .field-wrapper.preferences {
    margin-bottom: 15px;
  }
}
@media (max-width: 599px) {
  .representation-form .field-wrapper.preferences {
    margin-bottom: 10px;
  }
}
.representation-form .field-wrapper.preferences .text-wrapper::after {
  content: '';
}
.no-age-preferences-enabled .representation-form .field-wrapper.preferences .age {
  display: none;
}
.representation-form .field-wrapper.preferences .loading {
  font-size: 0;
  display: table-cell;
  text-align: right;
}
@media (max-width: 950px) {
  .representation-form .field-wrapper.preferences .loading {
    text-align: left;
  }
}
@media (max-width: 599px) {
  .representation-form .field-wrapper.preferences .loading {
    display: block;
  }
}
.representation-form .field-wrapper.preferences .loading .ages,
.representation-form .field-wrapper.preferences .loading .separator,
.representation-form .field-wrapper.preferences .loading .field {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 599px) {
  .representation-form .field-wrapper.preferences .loading .ages {
    display: block;
  }
}
.representation-form .field-wrapper.preferences .loading .customized-select {
  width: 100%;
}
@media (max-width: 950px) {
  .representation-form .field-wrapper.preferences .loading .data {
    font-size: 14px;
  }
}
.representation-form .field-wrapper.preferences .loading .field {
  width: 67px;
}
@media (max-width: 599px) {
  .representation-form .field-wrapper.preferences .loading .field {
    width: 44%;
  }
}
.representation-form .field-wrapper.preferences .loading .separator {
  text-align: center;
}
@media (max-width: 950px) {
  .representation-form .field-wrapper.preferences .loading .separator {
    font-size: 12px;
    min-width: 30px;
    margin: 0;
  }
}
@media (max-width: 599px) {
  .representation-form .field-wrapper.preferences .loading .separator {
    width: 12%;
  }
}
.representation-form .data-wrapper {
  padding: 11px 0;
}
@media (max-width: 950px) {
  .representation-form .data-wrapper {
    padding: 0;
  }
}
.representation-form .button-section {
  margin-top: 35px;
}
.representation-form .genders-wrapper {
  display: flex;
  justify-content: space-between;
}
.representation-form .genders-wrapper .gender,
.representation-form .genders-wrapper .preferred-gender {
  display: flex;
  flex-direction: column;
}
.representation-form .genders-wrapper .gender:last-child,
.representation-form .genders-wrapper .preferred-gender:last-child {
  align-items: flex-end;
  text-align: right;
}
.representation-form .genders-wrapper .icon {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.representation-form .genders-wrapper .icon svg {
  fill: #E7E7E7;
}
.representation-form .genders-wrapper .data {
  display: none;
}
.representation-form .genders-wrapper .data:hover + .mal svg {
  fill: #0dacd7;
}
.representation-form .genders-wrapper .data:hover + .fem svg {
  fill: #ea4550;
}
.representation-form .genders-wrapper .data:checked + .mal svg {
  fill: #0D8FBA;
}
.representation-form .genders-wrapper .data:checked + .fem svg {
  fill: #E6282E;
}
.representation-form .genders-wrapper .data:disabled + .mal svg,
.representation-form .genders-wrapper .data:disabled + .fem svg {
  fill: #E7E7E7;
}
@media (max-width: 950px) {
  .representation-form .genders-wrapper .customized-select {
    display: block;
  }
}
@media (max-width: 950px) {
  .representation-form .preferences .gender {
    padding-right: 7px;
  }
}
@media (max-width: 599px) {
  .representation-form .preferences .gender {
    display: block;
    margin-bottom: 10px;
  }
}
.representation-form .preferences .gender .data {
  width: 295px;
}
@media (max-width: 950px) {
  .representation-form .preferences .gender .data {
    width: 270px;
  }
}
@media (max-width: 599px) {
  .representation-form .preferences .gender .data {
    width: 100%;
  }
}
.representation-form .birthday .birthday-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
.representation-form .birthday .data-wrapper .field-wrapper {
  flex-grow: 1;
  display: block;
  width: auto;
  padding-bottom: 0;
}
.representation-form .birthday .data-wrapper .field-wrapper + .field-wrapper {
  padding-left: 15px;
}
@media (max-width: 950px) {
  .representation-form .birthday .data-wrapper .field-wrapper + .field-wrapper {
    padding-left: 6px;
  }
}
@media (max-width: 950px) {
  .representation-form .birthday .data-wrapper .data {
    padding-bottom: 0.1em;
    line-height: 42px;
  }
}
.representation-form .birthday .data-wrapper .customized-select {
  display: block;
}
.editable-section {
  padding: 0;
}
.few-words-form {
  width: 770px;
}
@media (max-width: 950px) {
  .few-words-form {
    max-width: 720px;
    padding: 25px 125px 35px 125px;
    box-sizing: border-box;
  }
}
@media (max-width: 770px) {
  .few-words-form {
    max-width: 580px;
    padding: 65px 65px 35px 65px;
  }
}
@media (max-width: 599px) {
  .few-words-form {
    max-width: 464px;
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (max-width: 479px) {
  .few-words-form {
    width: 304px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.few-words-form .data {
  display: block;
  width: 100%;
  height: 215px;
  margin: 0 auto;
  padding: 20px;
  cursor: text;
  resize: none;
  font-size: 18px;
}
@media (max-width: 950px) {
  .few-words-form .data {
    max-width: 650px;
  }
}
@media (max-width: 767px) {
  .few-words-form .data {
    max-width: 500px;
  }
}
@media (max-width: 599px) {
  .few-words-form .data {
    max-width: 400px;
  }
}
@media (max-width: 479px) {
  .few-words-form .data {
    max-width: 250px;
  }
}
.few-words-form .example {
  display: block;
  margin-bottom: 32px;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 950px) {
  .few-words-form .example {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 26px;
  }
}
@media (max-width: 599px) {
  .few-words-form .example {
    line-height: 20px;
  }
}
.few-words-form .field-wrapper {
  padding-bottom: 0;
}
.few-words-form .button-section {
  margin-top: 35px;
}
@media (max-width: 950px) {
  .few-words-form .button-section .approve {
    height: 40px;
    width: 92px;
    font-size: 12px;
  }
}
@media (max-width: 950px) {
  .preferences-form {
    padding: 45px 110px 30px 110px;
  }
}
@media (max-width: 770px) {
  .preferences-form {
    padding: 50px 95px 30px 95px;
  }
}
@media (max-width: 599px) {
  .preferences-form {
    padding-right: 65px;
    padding-left: 65px;
  }
}
@media (max-width: 479px) {
  .preferences-form {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.no-age-preferences-enabled .preferences-form .editable-section {
  width: 550px;
  padding-left: 150px;
  padding-right: 150px;
}
@media (max-width: 950px) {
  .no-age-preferences-enabled .preferences-form .editable-section {
    width: 500px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 770px) {
  .no-age-preferences-enabled .preferences-form .editable-section {
    width: 390px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 599px) {
  .no-age-preferences-enabled .preferences-form .editable-section {
    width: 340px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 479px) {
  .no-age-preferences-enabled .preferences-form .editable-section {
    width: 270px;
    padding-left: 0;
    padding-right: 0;
  }
}
.preferences-form .editable-section {
  width: 850px;
  padding-top: 10px;
  padding-bottom: 30px;
}
@media (max-width: 950px) {
  .preferences-form .editable-section {
    width: 500px;
    padding-bottom: 15px;
  }
}
@media (max-width: 770px) {
  .preferences-form .editable-section {
    width: 390px;
  }
}
@media (max-width: 599px) {
  .preferences-form .editable-section {
    width: 340px;
  }
}
@media (max-width: 479px) {
  .preferences-form .editable-section {
    width: 270px;
  }
}
.preferences-form .editable-section .field-wrapper {
  font-size: 20px;
}
@media (max-width: 950px) {
  .preferences-form .editable-section .field-wrapper {
    font-size: 16px;
  }
}
@media (max-width: 770px) {
  .preferences-form .editable-section .field-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    float: none;
  }
}
@media (max-width: 479px) {
  .preferences-form .editable-section .field-wrapper {
    margin-top: 18px;
  }
}
.preferences-form .editable-section .text-wrapper {
  display: inline-block;
  margin-right: 10px;
  line-height: 54px;
  vertical-align: top;
}
@media (max-width: 950px) {
  .preferences-form .editable-section .text-wrapper {
    display: block;
    margin: 0 0 5px 7px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
  }
}
@media (max-width: 770px) {
  .preferences-form .editable-section .text-wrapper {
    display: block;
    margin: 0;
    font-size: 12px;
  }
}
.preferences-form .editable-section .text-wrapper.wide {
  display: inline-block;
}
.preferences-form .editable-section .text-wrapper.narrow {
  display: none;
}
@media (max-width: 950px) {
  .preferences-form .editable-section .text-wrapper.separator {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 42px;
  }
}
@media (max-width: 950px) {
  .preferences-form .editable-section .customized-select {
    display: inline-block;
    font-size: 20px;
  }
}
@media (max-width: 770px) {
  .preferences-form .editable-section .customized-select {
    width: 100%;
  }
}
.preferences-form .editable-section .gender {
  cursor: default;
  float: left;
  padding-bottom: 0;
}
@media (max-width: 950px) {
  .no-age-preferences-enabled .preferences-form .editable-section .gender {
    width: 100%;
  }
}
.no-age-preferences-enabled .preferences-form .editable-section .gender .data {
  width: 472px;
}
@media (max-width: 950px) {
  .no-age-preferences-enabled .preferences-form .editable-section .gender .field,
  .no-age-preferences-enabled .preferences-form .editable-section .gender .customized-select,
  .no-age-preferences-enabled .preferences-form .editable-section .gender .data {
    width: 100%;
  }
}
@media (max-width: 770px) {
  .preferences-form .editable-section .gender .field {
    width: 100%;
  }
}
.preferences-form .editable-section .gender .data {
  width: 350px;
}
@media (max-width: 950px) {
  .preferences-form .editable-section .gender .data {
    width: 300px;
    max-height: 42px;
    font-size: 0.7em;
  }
}
@media (max-width: 770px) {
  .preferences-form .editable-section .gender .data {
    width: 100%;
  }
}
.preferences-form .editable-section .separator {
  margin: 0 10px;
}
@media (max-width: 770px) {
  .preferences-form .editable-section .separator.text-wrapper {
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -11px;
    bottom: 0;
  }
}
@media (max-width: 599px) {
  .preferences-form .editable-section .separator.text-wrapper {
    display: none;
  }
}
.preferences-form .editable-section .age {
  display: inline-block;
  padding-bottom: 0;
  float: right;
}
.no-age-preferences-enabled .preferences-form .editable-section .age {
  display: none;
}
@media (max-width: 770px) {
  .preferences-form .editable-section .age {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 770px) {
  .preferences-form .editable-section .age .field {
    width: 46%;
  }
}
@media (max-width: 599px) {
  .preferences-form .editable-section .age .field {
    width: 49%;
  }
}
.preferences-form .editable-section .age .field:last-child {
  margin-left: 5px;
  float: right;
}
.preferences-form .editable-section .age .data {
  width: 90px;
}
@media (max-width: 950px) {
  .preferences-form .editable-section .age .data {
    width: 80px;
    font-size: 0.7em;
    max-height: 42px;
  }
}
@media (max-width: 770px) {
  .preferences-form .editable-section .age .data {
    height: 42px;
    width: 100%;
    float: none;
  }
}
.preferences-form .editable-section .about {
  display: block;
  cursor: default;
  padding-right: 0;
  margin-top: 25px;
}
@media (max-width: 950px) {
  .preferences-form .editable-section .about {
    margin-top: 20px;
  }
}
@media (max-width: 770px) {
  .preferences-form .editable-section .about {
    margin-top: 10px;
  }
}
.preferences-form .editable-section .about textarea {
  font-size: 18px;
  height: 215px;
  padding: 20px;
  cursor: text;
  resize: none;
}
@media (max-width: 950px) {
  .preferences-form .editable-section .about textarea {
    max-height: 124px;
    padding: 10px;
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .preferences-form .editable-section .about textarea {
    max-height: 100px;
  }
}
@media (max-width: 950px) {
  .preferences-form .button-section .approve {
    height: 40px;
    width: 160px;
  }
}
.profile-form.profile-edit-form {
  width: 100%;
  padding: 45px 65px;
  box-sizing: border-box;
}
@media (max-width: 999px) {
  .profile-form.profile-edit-form {
    padding: 40px;
  }
}
@media (max-width: 950px) {
  .profile-form.profile-edit-form {
    max-width: 655px;
  }
}
@media (max-width: 770px) {
  .profile-form.profile-edit-form {
    max-width: 565px;
    padding: 35px;
  }
}
@media (max-width: 630px) {
  .profile-form.profile-edit-form {
    max-width: 300px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 770px) and (max-width: 950px) {
  .life-style .profile-form.profile-edit-form {
    max-width: 100%;
  }
}
.questionnaire .profile-form h2 {
  text-align: center;
}
.profile-form .editable-section {
  min-width: 700px;
}
@media (max-width: 950px) {
  .profile-form .editable-section {
    display: block;
    width: 100%;
    min-width: 270px;
    padding: 0 0 30px 0;
    text-align: left;
  }
}
.profile-form .editable-section::after {
  content: '';
  display: block;
  clear: both;
}
.profile-form .editable-section .customized-select {
  width: 100%;
}
.profile-form .editable-section .line {
  box-sizing: border-box;
  text-align: right;
  margin: 0;
}
.profile-form .editable-section .line::after {
  content: '';
  display: block;
  clear: both;
}
.other-languages .profile-form .editable-section .line {
  text-align: left;
}
@media (max-width: 950px) {
  .profile-form .editable-section .line {
    width: 50%;
    padding: 0 5px;
    font-size: 14px;
    float: left;
  }
}
@media (max-width: 770px) {
  .profile-form .editable-section .line {
    text-align: left;
  }
}
@media (max-width: 630px) {
  .profile-form .editable-section .line {
    width: 100%;
    float: none;
  }
}
@media (max-width: 810px) {
  .life-style .profile-form .editable-section .line {
    width: 100%;
    float: none;
  }
}
.profile-form .editable-section .line .label {
  display: inline-block;
  margin-top: 12px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.profile-form .editable-section .line .label.multiple {
  vertical-align: top;
}
@media (min-width: 950px) {
  .profile-form .editable-section .line .label.multiple {
    margin-top: 15px;
  }
}
@media (max-width: 950px) {
  .profile-form .editable-section .line .label {
    display: block;
    margin: 0 0 2px 7px;
    font-size: 14px;
    text-align: left;
  }
}
@media (max-width: 630px) {
  .profile-form .editable-section .line .label {
    font-size: 12px;
  }
}
@media (max-width: 950px) {
  .life-style .profile-form .editable-section .line .label {
    white-space: nowrap;
  }
}
.other-languages .profile-form .editable-section .line .label {
  display: block;
  margin: 10px 0 5px 7px;
  font-weight: bold;
}
@media (max-width: 950px) {
  .other-languages .profile-form .editable-section .line .label {
    margin-bottom: 2px;
  }
}
.profile-form .editable-section .line .editable {
  display: inline-block;
  width: 350px;
  margin-left: 15px;
  float: right;
}
@media (max-width: 950px) {
  .profile-form .editable-section .line .editable {
    width: 100%;
    margin-left: 0;
  }
}
.profile-form .editable-section .line .editable .label {
  color: #717171;
}
@media (max-width: 950px) {
  .profile-form .editable-section .line .editable .data {
    max-height: 42px;
  }
}
.profile-form .editable-section .line.location {
  margin-top: 10px;
}
.profile-form .editable-section .line.location,
.profile-form .editable-section .line.occupation {
  width: 100%;
  float: none;
}
.questionnaire .profile-form .customized-select + .customized-select {
  margin-top: 10px;
}
.other-languages .profile-form textarea {
  min-height: 120px;
}
@media (min-width: 630px) and (max-width: 950px) {
  .other-languages .profile-form textarea[name="fewwords"] {
    min-height: 194px;
  }
}
.questionnaire .profile-form .button-section button:nth-child(2) {
  display: none;
}
.questionnaire .profile-form .button-section button:last-child {
  display: none;
}
.questionnaire .profile-form.first-load .button-section {
  text-align: center;
}
.questionnaire .profile-form.first-load .button-section button:first-child {
  display: none;
}
.questionnaire .profile-form.first-load .button-section button:nth-child(2),
.questionnaire .profile-form.first-load .button-section button:last-child {
  display: inline-block;
}
.profile-complete {
  background: url('/i/profile/edit-background.jpg?2') no-repeat 70% 70%;
  background-color: transparent;
  background-size: cover;
}
.profile-complete .button {
  font-size: 16px;
  border-radius: 3px;
}
.profile-complete .profile-edit-form {
  padding: 60px 79px 65px;
}
.profile-complete .title {
  font-size: 36px;
  font-weight: normal;
  line-height: 36px;
  display: block;
  margin-bottom: 0;
  color: #222;
  text-align: center;
}
.profile-complete .example {
  font-size: 20px;
  line-height: 1.2;
  display: block;
  width: 100%;
  margin: auto;
  color: #222;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.profile-complete .button-section {
  display: none;
}
.profile-complete .complete-button-section {
  display: block;
  position: relative;
}
.profile-complete .complete-button-section .approve {
  font-size: 16px;
  text-transform: uppercase;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
  display: block;
  width: 400px;
  height: 55px;
  margin: auto;
  box-sizing: border-box;
}
@media (max-width: 950px) {
  .profile-complete .complete-button-section .approve {
    width: 300px;
    height: 40px;
    font-size: 14px;
  }
}
@media (max-width: 599px) {
  .profile-complete .complete-button-section .approve {
    width: 230px;
  }
}
@media (max-width: 479px) {
  .profile-complete .complete-button-section .approve {
    width: 160px;
    font-size: 12px;
  }
}
.profile-complete .complete-button-section .approve.simplified {
  display: none;
}
.profile-complete .complete-button-section .back,
.profile-complete .complete-button-section .skip {
  font-size: 18px;
  font-weight: normal;
  text-transform: capitalize;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  line-height: 16px;
}
.profile-complete .open-status-section {
  font-size: 0;
  position: absolute;
  right: 50%;
  margin-right: -38px;
  margin-top: 25px;
}
@media (max-width: 950px) {
  .profile-complete .open-status-section {
    display: none;
  }
}
.profile-complete .open-status-section .circle {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  border: 1px solid;
  border-radius: 50%;
  color: #fff;
  background-color: transparent;
}
.profile-complete .open-status-section .circle.opened {
  background-color: #fff;
}
.simplified-registration .profile-complete .open-status-section {
  display: none;
}
.simplified-registration .profile-complete .complete-button-section .approve.normal {
  display: none;
}
.simplified-registration .profile-complete .complete-button-section .approve.simplified {
  display: block;
}
@media (max-width: 950px) {
  .profile-complete {
    display: table;
    max-width: 720px;
  }
}
@media (max-width: 770px) and (min-width: 600px) {
  .profile-complete {
    max-width: 580px;
  }
}
@media (max-width: 599px) {
  .profile-complete {
    max-width: 464px;
    background-size: cover;
  }
}
@media (max-width: 479px) {
  .profile-complete {
    height: 460px;
    width: 304px;
  }
}
.profile-complete .representation-form {
  padding: 60px 40px 65px;
}
@media (max-width: 950px) {
  .profile-complete .representation-form {
    display: table;
    padding: 30px 140px 35px 135px;
  }
}
@media (max-width: 770px) and (min-width: 600px) {
  .profile-complete .representation-form {
    padding: 40px 68px;
  }
}
@media (max-width: 599px) {
  .profile-complete .representation-form {
    padding: 15px 60px 20px 60px;
  }
}
@media (max-width: 479px) {
  .profile-complete .representation-form {
    padding: 15px;
  }
}
@media (max-width: 950px) {
  .profile-complete .representation-form .title {
    font-size: 26px;
  }
}
@media (max-width: 599px) {
  .profile-complete .representation-form .title {
    font-size: 18px;
  }
}
.profile-complete .representation-form .editable-section {
  padding: 60px 15px 40px;
}
@media (max-width: 950px) {
  .profile-complete .representation-form .editable-section {
    padding: 42px 0 80px 0;
  }
}
@media (max-width: 770px) {
  .profile-complete .representation-form .editable-section {
    padding: 110px 0;
  }
}
@media (max-width: 599px) {
  .profile-complete .representation-form .editable-section {
    padding: 65px 0 90px 0;
  }
}
@media (max-width: 479px) {
  .profile-complete .representation-form .editable-section {
    padding: 35px 0 40px 0;
  }
}
.profile-complete .representation-form .editable-section .hometown {
  display: table;
}
@media (max-width: 950px) {
  .profile-complete .representation-form .complete-button-section {
    width: auto;
  }
}
.representation .profile-complete {
  max-height: 750px;
}
.profile-complete .few-words-form {
  width: 770px;
}
@media (max-width: 950px) {
  .profile-complete .few-words-form {
    width: auto;
    padding: 25px 125px 35px 125px;
  }
}
@media (max-width: 770px) {
  .profile-complete .few-words-form {
    padding: 35px 65px;
  }
}
@media (max-width: 599px) {
  .profile-complete .few-words-form {
    padding: 15px 50px 20px 50px;
  }
}
@media (max-width: 479px) {
  .profile-complete .few-words-form {
    padding: 20px 15px;
  }
}
.profile-complete .few-words-form .title {
  margin-bottom: 45px;
}
@media (max-width: 950px) {
  .profile-complete .few-words-form .title {
    margin-bottom: 30px;
    font-size: 25px;
  }
}
@media (max-width: 770px) {
  .profile-complete .few-words-form .title {
    margin-bottom: 80px;
  }
}
@media (max-width: 599px) {
  .profile-complete .few-words-form .title {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .profile-complete .few-words-form .title {
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 25px;
  }
}
.profile-complete .few-words-form .example {
  margin-bottom: 32px;
}
@media (max-width: 950px) {
  .profile-complete .few-words-form .example {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 26px;
  }
}
@media (max-width: 599px) {
  .profile-complete .few-words-form .example {
    font-size: 15px;
    line-height: 20px;
  }
}
.profile-complete .few-words-form .field-wrapper {
  padding-bottom: 75px;
}
@media (max-width: 950px) {
  .profile-complete .few-words-form .field-wrapper {
    padding-bottom: 45px;
  }
}
@media (max-width: 770px) {
  .profile-complete .few-words-form .field-wrapper {
    padding-bottom: 95px;
  }
}
@media (max-width: 479px) {
  .profile-complete .few-words-form .field-wrapper {
    padding-bottom: 25px;
  }
}
.profile-complete .few-words-form .data {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: 180px;
}
@media (max-width: 950px) {
  .profile-complete .few-words-form .data {
    height: 145px;
    font-size: 16px;
  }
}
.profile-complete .preferences-form {
  padding: 60px 55px 65px;
}
@media (max-width: 950px) {
  .profile-complete .preferences-form {
    padding: 30px 115px 35px 115px;
  }
}
@media (max-width: 770px) {
  .profile-complete .preferences-form {
    padding: 30px 60px 35px 60px;
  }
}
@media (max-width: 599px) {
  .profile-complete .preferences-form {
    padding: 20px 55px;
  }
}
@media (max-width: 479px) {
  .profile-complete .preferences-form {
    padding: 15px;
  }
}
@media (max-width: 950px) {
  .profile-complete .preferences-form .title {
    font-size: 26px;
  }
}
@media (max-width: 599px) {
  .profile-complete .preferences-form .title {
    font-size: 20px;
  }
}
@media (max-width: 479px) {
  .profile-complete .preferences-form .title {
    padding: 0 30px;
    line-height: 25px;
  }
}
.profile-complete .preferences-form .editable-section {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media (max-width: 950px) {
  .profile-complete .preferences-form .editable-section {
    width: 490px;
    padding-top: 60px;
    padding-bottom: 55px;
  }
}
@media (max-width: 770px) {
  .profile-complete .preferences-form .editable-section {
    width: auto;
  }
}
@media (max-width: 479px) {
  .profile-complete .preferences-form .editable-section {
    padding-bottom: 55px;
  }
}
@media (max-width: 950px) {
  .profile-complete .preferences-form .editable-section .text-wrapper {
    display: block;
    margin: 0 0 5px 7px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
  }
}
@media (max-width: 950px) {
  .profile-complete .preferences-form .editable-section .field-wrapper {
    font-size: 20px;
  }
}
@media (max-width: 950px) {
  .profile-complete .preferences-form .editable-section .data-wrapper .data {
    max-height: 42px;
    font-size: 0.7em;
  }
}
@media (max-width: 770px) {
  .profile-complete .preferences-form .editable-section .data-wrapper .data {
    width: 100%;
  }
}
.profile-complete .preferences-form .editable-section .age,
.profile-complete .preferences-form .editable-section .gender {
  display: none;
}
@media (max-width: 770px) {
  .profile-complete .preferences-form .editable-section .loading {
    width: 100%;
    margin-top: 10px;
    float: right;
  }
}
@media (max-width: 950px) {
  .profile-complete .preferences-form .editable-section .loading .data {
    width: 72px;
    font-size: 0.7em;
    max-height: 42px;
  }
}
@media (max-width: 770px) {
  .profile-complete .preferences-form .editable-section .loading .data {
    width: 100%;
  }
}
@media (max-width: 770px) {
  .profile-complete .preferences-form .editable-section .loading .data-wrapper .customized-select {
    width: 100%;
  }
}
@media (max-width: 770px) {
  .profile-complete .preferences-form .editable-section .loading .data-wrapper:last-child {
    float: right;
  }
}
@media (max-width: 770px) {
  .profile-complete .preferences-form .editable-section .loading .data-wrapper {
    width: 44%;
    float: left;
  }
}
@media (max-width: 479px) {
  .profile-complete .preferences-form .editable-section .loading .data-wrapper {
    width: 48%;
  }
}
@media (max-width: 950px) {
  .profile-complete .preferences-form .editable-section .loading .separator {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 42px;
  }
}
@media (max-width: 770px) {
  .profile-complete .preferences-form .editable-section .loading .separator {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: auto;
  }
}
@media (max-width: 479px) {
  .profile-complete .preferences-form .editable-section .loading .separator {
    display: none;
  }
}
.profile-complete .preferences-form .editable-section .about textarea {
  height: 180px;
}
@media (max-width: 479px) {
  .profile-complete .preferences-form .editable-section .about textarea {
    max-height: none;
  }
}
.photos .photos-form .block-message {
  font-size: 17px;
  display: none;
  width: 400px;
  text-align: center;
  margin: auto;
}
.photos .photos-form .block-message .popup {
  width: 100%;
  box-sizing: border-box;
  color: #dd5859;
}
.photos .photos-form .block-message .popup::after {
  left: 50%;
  margin-left: -3px;
}
.photos .photos-form .photos-empty .approve {
  display: none;
}
.photos .photos-form .photos-empty .block-message,
.photos .photos-form .photos-empty .block-message .approve {
  display: block;
}
.photos .photos-form .empty .facebook {
  font-size: 16px;
  height: 55px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
}
.photos .photos-form .empty .add-photo {
  font-size: 16px;
  height: 55px;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
}
.photos .photos-form .empty .add-photo .field {
  line-height: 55px;
}
.photos .profile-complete,
.photos .photo-gallery {
  width: 100%;
  height: 100%;
}
.photos {
  height: 100%;
}
.mirror .add-photo .field l10n {
  pointer-events: none;
}
.profile-container .few-words {
  font-size: 16px;
  line-height: 1.4;
  padding: 15px 40px 20px 40px;
  border: 1px solid #eee;
  border-radius: 0 0 10px 10px;
  border-top: 0;
  z-index: 4;
}
@media (max-width: 1440px) {
  .profile-container .few-words {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 670px) {
  .profile-container .few-words {
    padding: 20px;
  }
}
@media (max-width: 479px) {
  .profile-container .few-words {
    padding: 15px;
  }
}
.profile-container .few-words::after {
  content: '';
  display: block;
  clear: both;
}
.profile-container .few-words.empty .opener-section {
  display: none;
}
.user-target-prediction .profile-container .few-words.empty .opener-section {
  display: inline-block;
}
@media (max-width: 1070px) {
  .profile-container .few-words.empty .opener-section {
    display: inline-block;
  }
}
@media (max-width: 670px) {
  .profile-container .few-words.empty .opener-section {
    display: none;
  }
}
.mine .profile-container .few-words.empty .opener-section {
  display: inline-block;
  min-height: inherit;
}
.chat-opened .mine .profile-container .few-words.empty .opener-section {
  display: inline-block;
  min-height: inherit;
}
@media (max-width: 1700px) {
  .chat-opened .mine .profile-container .few-words.empty .opener-section {
    display: inline-block;
  }
}
.role-users-operator .profile-container .few-words.empty .opener-section,
.role-supervisor .profile-container .few-words.empty .opener-section {
  display: inline-block;
}
@media (max-width: 1700px) {
  .chat-opened .profile-container .few-words.empty .opener-section {
    display: none;
  }
}
.profile-container .few-words.empty .start-conversation {
  margin-top: 0;
}
.user-target-prediction .profile-container .few-words.empty .start-conversation {
  margin-top: 10px;
}
@media (max-width: 1440px) {
  .profile-container .few-words.empty .start-conversation {
    width: calc(100%  - 245px);
  }
}
@media (max-width: 1070px) {
  .profile-container .few-words.empty .start-conversation {
    width: 100%;
  }
}
@media (max-width: 1700px) {
  .chat-opened .profile-container .few-words.empty .start-conversation {
    width: calc(100%  - 255px);
  }
}
@media (max-width: 1530px) {
  .chat-opened .profile-container .few-words.empty .start-conversation {
    width: 100%;
  }
}
.preloading .profile-container .few-words {
  border: none;
}
.profile-container .few-words h3 {
  display: none;
  padding-right: 35px;
}
@media (max-width: 520px) {
  .profile-container .few-words h3 {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .profile-container .few-words h3 {
    font-size: 16px;
  }
}
.profile-container .few-words .start-conversation {
  width: calc(100%  - 255px);
  margin: 10px 0 0;
  float: right;
}
@media (max-width: 1279px) {
  .profile-container .few-words .start-conversation {
    width: 100%;
  }
}
@media (max-width: 1070px) {
  .preloading .profile-container .few-words .start-conversation {
    display: none;
  }
}
@media (max-width: 670px) {
  .preloading .profile-container .few-words .start-conversation {
    display: table;
  }
}
.current-user-chat-opened .profile-container .few-words .start-conversation {
  display: none;
}
@media (max-width: 1700px) {
  .chat-opened .profile-container .few-words .start-conversation {
    width: 100%;
  }
}
@media (max-width: 950px) {
  .online .profile-container .few-words .start-conversation .field {
    display: block;
  }
}
@media (max-width: 800px) {
  .online .profile-container .few-words .start-conversation .field {
    display: none;
  }
}
@media (max-width: 1530px) {
  .chat-opened .profile-container .few-words .start-conversation .field {
    display: block;
  }
}
@media (max-width: 530px) {
  .profile-container .few-words .start-conversation .send-message,
  .profile-container .few-words .start-conversation .send-letter {
    position: relative;
    width: 100% !important;
    margin-bottom: 10px;
    border-radius: 0.33333em;
  }
}
@media (max-width: 950px) {
  .online .profile-container .few-words .start-conversation .send-message,
  .online .profile-container .few-words .start-conversation .send-letter {
    right: 0;
    left: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 800px) {
  .online .profile-container .few-words .start-conversation .send-message,
  .online .profile-container .few-words .start-conversation .send-letter {
    right: auto;
    left: 0;
    border-radius: 0.33333em;
  }
}
@media (max-width: 1305px) {
  .chat-opened .profile-container .few-words .start-conversation .send-message,
  .chat-opened .profile-container .few-words .start-conversation .send-letter {
    width: 100%;
    border-radius: 0.33333em;
  }
}
.profile-container .few-words .start-conversation .message-input .smiles svg {
  left: calc(50% - 9px);
}
.profile-container .few-words .opener-section {
  position: relative;
  display: inline-block;
  width: calc(100%  - 255px);
  box-sizing: border-box;
  float: right;
  z-index: 0;
}
@media (max-width: 1070px) {
  .profile-container .few-words .opener-section {
    min-height: 125px;
    width: calc(100%  - 245px);
  }
}
@media (max-width: 670px) {
  .profile-container .few-words .opener-section {
    min-height: inherit;
    width: 100%;
    padding-bottom: 10px;
  }
}
@media (max-width: 1700px) {
  .chat-opened .profile-container .few-words .opener-section {
    min-height: 125px;
  }
}
@media (max-width: 1530px) {
  .chat-opened .profile-container .few-words .opener-section {
    min-height: auto;
    width: 100%;
  }
}
@media (max-width: 1279px) {
  .chat-opened .profile-container .few-words .opener-section {
    min-height: inherit;
  }
}
.profile-container .few-words .opener-section .wrapper {
  line-height: 22px;
  position: relative;
  margin: 0;
  max-height: 44px;
  overflow: hidden;
  transition: max-height 0.25s;
}
@media (max-width: 1070px) {
  .profile-container .few-words .opener-section .wrapper {
    max-height: 88px;
  }
}
@media (max-width: 670px) {
  .profile-container .few-words .opener-section .wrapper {
    max-height: 66px;
  }
}
.user-target-prediction .profile-container .few-words .opener-section .wrapper {
  min-height: 44px;
}
.profile-container .few-words .opener-section .wrapper.ellipsis {
  min-height: 0;
}
.profile-container .few-words .opener-section .read-more {
  color: #969696;
  cursor: pointer;
}
.mine .profile-container .few-words .opener-section .read-more,
.role-users-operator .profile-container .few-words .opener-section .read-more {
  display: none;
}
.profile-container .few-words .opener-section .role-users-operator .wrapper {
  min-height: 63px;
}
.suspended .profile-container .few-words .opener-section {
  display: none;
}
.mine .profile-container .few-words,
.role-users-operator .profile-container .few-words {
  border: 1px solid #eee;
  border-radius: 0 0 10px 10px;
  margin: 0;
  padding-top: 15px;
}
.mine .profile-container .few-words h3,
.role-users-operator .profile-container .few-words h3 {
  display: block;
}
.mine .profile-container .few-words .opener-section,
.role-users-operator .profile-container .few-words .opener-section {
  display: inline-block !important;
}
.mine .profile-container .few-words.empty,
.role-users-operator .profile-container .few-words.empty {
  display: block;
}
.mine .profile-container .few-words:hover,
.role-users-operator .profile-container .few-words:hover {
  cursor: default;
}
.mine .profile-container .few-words:hover .opener-section,
.role-users-operator .profile-container .few-words:hover .opener-section {
  cursor: pointer;
}
@media (max-width: 670px) {
  .no-cam .profile-container .few-words.empty .opener-section {
    min-height: inherit;
  }
}
@media (max-width: 1440px) {
  .no-cam .profile-container .few-words .start-conversation {
    width: calc(100%  - 245px);
  }
}
@media (max-width: 1070px) {
  .no-cam .profile-container .few-words .start-conversation {
    width: 100%;
  }
}
@media (max-width: 1700px) {
  .chat-opened .no-cam .profile-container .few-words .start-conversation {
    margin-top: 0;
  }
}
@media (max-width: 1530px) {
  .chat-opened .no-cam .profile-container .few-words .start-conversation {
    margin-top: 10px;
  }
}
@media (max-width: 1440px) {
  .chat-opened .no-cam .profile-container .few-words .start-conversation {
    width: 100%;
  }
}
@media (max-width: 1440px) {
  .no-cam .profile-container .few-words .opener-section {
    min-height: auto;
  }
}
@media (max-width: 1070px) {
  .no-cam .profile-container .few-words .opener-section {
    min-height: 115px;
  }
}
@media (max-width: 670px) {
  .no-cam .profile-container .few-words .opener-section {
    min-height: auto;
  }
}
@media (max-width: 1070px) {
  .chat-opened .no-cam .profile-container .few-words .opener-section {
    min-height: 95px;
  }
}
.profile-container .gallery {
  font-size: 18px;
  min-height: 180px;
  margin-top: 10px;
  padding: 0;
  color: #222;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
}
.preloading .profile-container .gallery {
  border: none;
}
.profile-container .gallery .add-media_only-photos {
  display: none;
}
.usual-user:not(.tag-users-prepromoter) .profile-container .gallery .add-media_only-photos {
  display: inline-block !important;
}
.usual-user:not(.tag-users-prepromoter) .profile-container .gallery .add-full-media {
  display: none;
}
.profile-container .gallery .add-photo-container {
  display: none;
  cursor: default;
  height: 100%;
  text-align: left;
  padding: 27px 40px;
}
@media (max-width: 1279px) {
  .profile-container .gallery .add-photo-container {
    padding: 27px 30px;
  }
}
@media (max-width: 670px) {
  .profile-container .gallery .add-photo-container {
    padding: 27px 20px;
  }
}
@media (max-width: 479px) {
  .profile-container .gallery .add-photo-container {
    padding: 27px 15px;
  }
}
.profile-container .gallery .add-photo-container .title {
  display: inline-block;
  vertical-align: middle;
  margin: 12px 0 !important;
}
@media (max-width: 767px) {
  .profile-container .gallery .add-photo-container .title {
    display: block;
  }
}
.profile-container .gallery .add-photo-container .upload {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin: 5px 0;
}
@media (max-width: 479px) {
  .profile-container .gallery .add-photo-container .upload {
    margin: 0;
  }
}
@media (max-width: 1550px) {
  .chat-opened .profile-container .gallery .add-photo-container .upload {
    margin: 0;
  }
}
.profile-container .gallery .add-photo-container .popup {
  z-index: 4;
  left: -41px;
}
@media (max-width: 479px) {
  .profile-container .gallery .add-photo-container .popup {
    left: -25px;
  }
}
.profile-container .gallery .add-photo-container .controls-container li {
  margin: 0;
}
.profile-container .gallery.empty {
  height: auto;
}
.profile-container .gallery.empty .add-photo-container {
  display: block;
}
.not-my .profile-container .gallery.empty {
  display: none;
}
.role-users-operator .not-my .profile-container .gallery.empty {
  display: block;
}
.profile-container .gallery.empty .photo-list {
  display: none;
}
.profile-container .gallery .touchcarousel-item {
  position: relative;
  height: 180px;
  cursor: pointer;
  z-index: 0;
}
.profile-container .gallery .touchcarousel-item .label {
  display: none;
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 2px 4px #000, 0 0 1px #000;
  color: #fafafa;
  pointer-events: none;
}
.mine .profile-container .gallery .touchcarousel-item .label,
.role-users-operator .profile-container .gallery .touchcarousel-item .label {
  display: block;
}
.profile-container .gallery .touchcarousel-item .vr-icon {
  width: 24px;
  height: 15px;
  position: absolute;
  bottom: 9px;
  right: 13px;
}
.profile-container .gallery .touchcarousel-item .status {
  position: absolute;
  display: none;
  top: 10px;
  left: 10px;
  min-width: 80px;
  padding: 2px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 10px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 159, 131, 0.5);
}
.mine .profile-container .gallery .touchcarousel-item .status,
.role-users-operator .profile-container .gallery .touchcarousel-item .status {
  display: block;
}
.profile-container .gallery .touchcarousel-item .status .private {
  display: none;
}
.profile-container .gallery .touchcarousel-item .status.private {
  background: rgba(213, 35, 47, 0.5);
}
.profile-container .gallery .touchcarousel-item .status.private .private {
  display: inline;
}
.profile-container .gallery .touchcarousel-item .status.private .public {
  display: none;
}
.profile-container .gallery .photo-wrapper {
  width: 190px;
}
.profile-container .gallery .video-wrapper {
  width: 228px;
}
.profile-container .gallery .video-wrapper.preview .watched {
  display: none;
}
.profile-container .gallery .touchcarousel-container,
.profile-container .gallery .touchcarousel-wrapper {
  width: 100%;
}
.profile-container .gallery .touchcarousel-wrapper {
  overflow: hidden;
}
.profile-container .gallery.menu-opened .touchcarousel-container {
  position: static;
  transform: none !important;
}
.profile-container .gallery.menu-opened .touchcarousel-wrapper {
  position: static;
}
.profile-container .gallery.menu-opened .add-photo-item {
  z-index: 5;
}
.profile-container .gallery .delete {
  display: none;
  top: 0;
  right: 0;
  margin-top: 0;
  opacity: 1;
}
.mine .profile-container .gallery .delete,
.role-users-operator .profile-container .gallery .delete {
  display: block;
}
.mirror .profile-container .gallery .delete {
  left: 0;
  right: auto;
}
.profile-container .gallery .photo,
.profile-container .gallery .video,
.profile-container .gallery .passport {
  width: 100%;
  height: 180px;
}
.profile-container .gallery .play-video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.3) url('/i/icons/play-video.png?1') no-repeat 50% 50%;
}
.profile-container .gallery .watched {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 11px;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 8px;
  margin: 10px 16px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 10px #000000;
}
.mine .profile-container .gallery .watched,
.role-users-operator .profile-container .gallery .watched {
  display: none;
}
.profile-container .gallery.scrolled .add-photo-item,
.profile-container .gallery .scrolled .add-photo-item {
  transform: scale(0);
  opacity: 0;
}
.mine .profile-container .gallery .fake-add-photo-item,
.role-users-operator .profile-container .gallery .fake-add-photo-item {
  height: 100%;
  width: 190px;
  display: inline-block;
}
.profile-container .gallery .add-photo-item {
  background: white;
  position: absolute;
  z-index: 3;
  width: 0;
  height: 100%;
  text-align: center;
  vertical-align: top;
  display: none;
  cursor: default;
  transform: scale(1);
  opacity: 1;
  transition: transform 0.25s, opacity 0.25s;
}
.mine .profile-container .gallery .add-photo-item,
.role-users-operator .profile-container .gallery .add-photo-item {
  width: 190px;
  display: inline-block;
}
.profile-container .gallery .add-photo-item .button.emblem.facebook::before {
  left: 32px;
}
@media (max-width: 479px) {
  .profile-container .gallery .add-photo-item .button.emblem.facebook::before {
    left: 28px;
  }
}
.profile-container .gallery .add-photo-item h4 {
  margin-top: 0;
  font-size: 16px;
}
.profile-container .gallery .add-photo-item::before {
  content: ' ';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.profile-container .gallery .add-photo-item .add-photo-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
}
.mirror .profile-container .gallery .add-photo-item .add-photo-wrapper .facebook {
  padding-left: 30px;
}
.profile-container .gallery .add-photo-item .add-photo-wrapper .upload > button {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
.profile-container .gallery .add-photo-item .popup-control {
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size: 12px;
}
.profile-container .gallery .add-photo-item .popup {
  z-index: 4;
  left: 13px;
}
.profile-container .gallery .add-photo-item .popup::after {
  left: 77px;
}
.profile-container .gallery .add-photo-item .popup-container {
  position: static;
}
.profile-container .gallery .add-photo-item .popup-container.opened .popup.bottom {
  bottom: 77px;
}
.profile-container .gallery .photo-list.unmovable .arrow-holder.right {
  display: none;
}
.profile-container .gallery.profile-folders {
  background: transparent;
  border: none;
}
.profile-container .gallery.profile-folders .folders-container {
  display: block;
}
.profile-container .gallery.profile-folders .gallery-container {
  display: none;
}
.profile-container .gallery-container {
  display: block;
}
.preloading .profile-container .gallery-container {
  display: none;
}
.profile-container .photo-list {
  font-size: 0;
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.profile-container .folders-container {
  display: none;
  max-height: 180px;
  text-align: justify;
  text-justify: newspaper;
}
.profile-container .folders-container::after {
  content: '';
  display: inline-block;
  width: 100%;
}
.profile-container .folders-container .folder {
  position: relative;
  display: inline-block;
  height: 180px;
  width: calc(50% - 5px);
  margin: 0;
  cursor: pointer;
  vertical-align: top;
  text-align: left;
  background: #999;
  font-size: 16px;
  color: #fff;
  text-shadow: 0 0 5px rgba(17, 17, 17, 0.5);
  overflow: hidden;
  border-radius: 10px;
}
.profile-container .folders-container .folder.photo .photo-camera {
  display: inline-block;
  top: 2px;
  width: 22px;
  height: 18px;
}
.profile-container .folders-container .folder.video .video-play {
  display: inline-block;
  width: 22px;
  height: 16px;
}
.preloading .profile-container .folders-container .folder {
  background: none;
}
.profile-container .folders-container .folder svg {
  position: relative;
  display: none;
  fill: #fff;
  fill-rule: evenodd;
  margin-right: 5px;
}
.profile-container .folders-container .title {
  margin: 0 5px;
}
.profile-container .folders-container .amount {
  position: relative;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  color: #fff;
}
.profile-container .folders-container .cover {
  position: relative;
  width: 570px;
  height: 180px;
  left: 50%;
  margin-left: -285px;
}
.preloading .profile-container .folders-container .cover {
  display: none;
}
.profile-container .folders-container .album-name {
  position: absolute;
  right: 0;
  bottom: 5px;
  left: 0;
  text-align: center;
  text-transform: capitalize;
  z-index: 3;
}
.profile-container .folders-container.three .folder {
  width: calc(100%/3 - 5px);
}
.profile-container .folders-container.four .folder {
  width: calc(25% - 5px);
}
.profile-container {
  color: #222;
}
.profile-container h3 {
  margin-top: 0;
  font-size: 20px;
  line-height: 1;
  position: relative;
}
@media (max-width: 935px) and (min-width: 910px) {
  .profile-container h3 {
    margin-right: 35px;
  }
}
@media (max-width: 935px) {
  .profile-container h3 {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .profile-container h3 {
    font-size: 16px;
  }
}
.preloading .profile-container h3 {
  display: none;
}
.profile-container h3 .edit {
  position: absolute;
  right: 0;
  bottom: 0;
  top: -2px;
}
.profile-container .edit {
  display: none;
  z-index: 5;
}
.mine .profile-container .edit,
.role-users-operator .profile-container .edit {
  display: inline-block;
}
.role-users-operator .profile-container .add-contact + .profile-header-wrapper .uploader-container {
  right: 80px;
}
.profile-container .profile-container-info {
  margin: 0 -8px;
}
@media (max-width: 599px) {
  .profile-container .profile-container-info {
    margin: 0;
  }
}
@media (max-width: 740px) {
  .ios-env .profile-container .profile-container-info {
    margin: 0;
  }
}
@media (max-width: 1550px) {
  .chat-opened .profile-container .profile-container-info {
    margin: 0;
  }
}
.suspended .profile-container .profile-container-info {
  display: none;
}
.profile-container .profile-info {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 8px 0;
}
@media (max-width: 599px) {
  .profile-container .profile-info {
    margin: 8px 0 0 0;
  }
}
.profile-container .profile-info.credits {
  margin: 20px 0;
}
.not-my .profile-container .profile-info.credits {
  display: none;
}
@media (max-width: 670px) {
  .ios-env .profile-container .profile-info {
    margin: 8px 0 0 0;
  }
}
.profile-container .profile-info.questionnaire {
  display: none;
}
.profile-container .profile-info.questionnaire .questionnaire > h3 {
  padding-right: 24px;
}
@media (max-width: 599px) {
  .profile-container .profile-info.questionnaire {
    margin: 0;
  }
}
.profile-container .profile-info.questionnaire.visible.user-rol-promoter {
  display: table;
}
.tag-users-prepromoter .profile-container .profile-info.questionnaire.visible {
  display: table;
}
.profile-container .row {
  display: table-row;
}
.profile-container .column {
  position: relative;
  width: 33%;
  display: table-cell;
  padding: 30px 40px;
  box-sizing: border-box;
  word-wrap: break-word;
  border: 1px solid #eee;
  border-radius: 10px;
  background: #fff;
}
@media (max-width: 1439px) {
  .profile-container .column {
    padding: 30px;
  }
}
@media (max-width: 1279px) {
  .profile-container .column {
    width: 50%;
    max-width: inherit;
    padding: 30px;
  }
}
@media (max-width: 670px) {
  .profile-container .column {
    padding: 20px;
  }
}
@media (max-width: 479px) {
  .profile-container .column {
    padding: 15px;
  }
}
@media (min-width: 1551px) {
  .chat-opened .profile-container .column {
    width: 50%;
    padding: 30px;
  }
}
.profile-container .column.questionnaire {
  width: 33%;
}
@media (min-width: 1279px) {
  .profile-container .column.interests,
  .profile-container .column.questionnaire:nth-child(5) {
    margin-right: 16px;
  }
}
@media (max-width: 1279px) {
  .profile-container .column.interests,
  .profile-container .column.questionnaire:nth-child(5) {
    display: table-caption;
    width: auto;
    margin: 0 8px 8px 8px;
  }
}
@media (max-width: 599px) {
  .profile-container .column.interests,
  .profile-container .column.questionnaire:nth-child(5) {
    margin: 0 0 8px 0;
  }
}
@media (max-width: 670px) {
  .ios-env .profile-container .column.interests,
  .ios-env .profile-container .column.questionnaire:nth-child(5) {
    margin: 0 0 8px 0;
  }
}
@media (min-width: 1551px) {
  .chat-opened .profile-container .column.interests,
  .chat-opened .profile-container .column.questionnaire:nth-child(5) {
    display: table-caption;
    width: auto;
    margin: 0 8px 8px 8px;
  }
}
@media (max-width: 599px) {
  .profile-container .column.block-credits,
  .profile-container .column.preferences,
  .profile-container .column.about-me,
  .profile-container .column.questionnaire {
    display: table-caption;
    width: 100%;
    margin: 0 0 8px 0;
  }
}
@media (max-width: 670px) {
  .ios-env .profile-container .column.block-credits,
  .ios-env .profile-container .column.preferences,
  .ios-env .profile-container .column.about-me,
  .ios-env .profile-container .column.questionnaire {
    display: table-caption;
    width: 100%;
    margin: 0 0 8px 0;
  }
}
@media (max-width: 1550px) {
  .chat-opened .profile-container .column.interests,
  .chat-opened .profile-container .column.preferences,
  .chat-opened .profile-container .column.about-me,
  .chat-opened .profile-container .column.questionnaire {
    display: table-caption;
    width: 100%;
    margin: 0 0 8px 0;
  }
}
@media (max-width: 599px) {
  .profile-container .column.preferences {
    padding: 40px;
  }
}
.profile-container .column.preferences .spinner-container.loading,
.preloading .profile-container .column.preferences .spinner-container {
  min-height: 50px;
}
.profile-container .column.block-credits {
  display: none;
  background: none;
}
@media (max-width: 1200px) {
  .profile-container .column.block-credits {
    position: relative;
    display: table-row;
  }
}
@media (max-width: 599px) {
  .profile-container .column.block-credits {
    text-align: center;
  }
}
@media (max-width: 670px) {
  .ios-env .profile-container .column.block-credits {
    text-align: center;
    border: none;
  }
}
@media (max-width: 1850px) {
  .chat-opened .profile-container .column.block-credits {
    position: relative;
    display: table-row;
  }
}
@media (max-width: 1200px) {
  .profile-container .column.block-credits .credits-refill {
    top: 0;
    right: auto;
    left: 50%;
    margin: 15px 0 0 -85px;
  }
}
@media (max-width: 599px) {
  .profile-container .column.block-credits .credits-refill {
    left: 0;
    margin-top: 0;
    margin-left: 0;
  }
}
@media (max-width: 670px) {
  .ios-env .profile-container .column.block-credits .credits-refill {
    left: 0;
    margin-top: 0;
    margin-left: 0;
  }
}
@media (max-width: 479px) {
  .profile-container .column.block-credits .credits-refill {
    width: 100%;
  }
}
@media (max-width: 1850px) {
  .chat-opened .profile-container .column.block-credits .credits-refill {
    top: 0;
    right: auto;
    left: 0;
    margin: 15px 0 0 0;
    width: 100%;
  }
}
.mine .profile-container .column:hover,
.role-users-operator .profile-container .column:hover {
  cursor: pointer;
}
.mine .profile-container .column:hover .edit,
.role-users-operator .profile-container .column:hover .edit {
  opacity: 0.6;
}
.profile-container .column .spinner-container.loading,
.preloading .profile-container .column .spinner-container {
  min-height: 430px;
}
.profile-container .interests {
  margin-right: 5px;
}
.profile-container .about-me {
  margin: 0 5px;
}
.profile-container .preferences {
  margin-left: 5px;
}
.profile-container .ask-more {
  font-size: 16px;
  display: block;
  word-wrap: break-word;
  color: #717171;
}
.mine .profile-container .ask-more,
.role-users-operator .profile-container .ask-more {
  display: none;
}
.profile-container .interests .selected-interests {
  font-size: 0;
}
.profile-container .interests .selected-interests .interest {
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  padding: 10px 25px 10px 25px;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: #00b15e;
  border-radius: 25px;
}
.mine .profile-container .interests .selected-interests.no-interests,
.role-users-operator .profile-container .interests .selected-interests.no-interests {
  height: 350px;
  background: url('/i/account/empty-interests.png?1') no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 734px) and (max-width: 1315px) {
  .chat-closed .mine .profile-container .interests .selected-interests.no-interests,
  .chat-closed .role-users-operator .profile-container .interests .selected-interests.no-interests {
    background-size: auto;
  }
}
@media screen and (min-width: 1379px) and (max-width: 1960px) {
  .chat-opened .mine .profile-container .interests .selected-interests.no-interests,
  .chat-opened .role-users-operator .profile-container .interests .selected-interests.no-interests {
    background-size: auto;
  }
}
.profile-container .interests .selected-interests.icons {
  width: calc(100% + 12px);
}
.profile-container .interests .selected-interests.icons .interest {
  width: 60px;
  margin: 0 5% 2% 0;
  font-size: 12px;
  line-height: 14px;
  padding: 0;
  background-color: transparent;
  margin-left: 0;
  color: #000;
  vertical-align: top;
  text-align: center;
}
@media (max-width: 1279px) {
  .profile-container .interests .selected-interests.icons .interest {
    margin-right: 2%;
    margin-bottom: 18px;
  }
}
.profile-container .interests .selected-interests.icons .interest.disabled {
  color: #e8e8e8;
}
.profile-container .interests .selected-interests.icons .interest.disabled .icon-wrapper {
  background-color: #e8e8e8;
}
.profile-container .interests .selected-interests.icons .interest .icon-wrapper {
  display: block;
}
.profile-container .interests .selected-interests .icon-wrapper {
  display: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  margin-bottom: 5px;
}
.profile-container .interests .selected-interests .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.preferences h3 .gender {
  display: none;
}
.no-age-preferences-enabled  .preferences h3 .gender {
  display: inline;
}
.user-preferences .gender-age-preferences {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 16px;
}
.no-age-preferences-enabled .user-preferences .gender-age-preferences .gender {
  display: none;
}
.user-preferences .about-partner {
  word-wrap: break-word;
  font-size: 16px;
  line-height: 1.4;
}
.user-preferences .no-genders,
.user-preferences .no-ages,
.user-preferences .no-about {
  font-size: 16px;
  line-height: 1;
  color: #222;
  display: none;
  font-weight: normal;
}
.user-preferences .no-genders .no-answer,
.user-preferences .no-ages .no-answer,
.user-preferences .no-about .no-answer {
  font-weight: bold;
}
.mine .user-preferences .no-genders,
.mine .user-preferences .no-ages,
.mine .user-preferences .no-about,
.role-users-operator .user-preferences .no-genders,
.role-users-operator .user-preferences .no-ages,
.role-users-operator .user-preferences .no-about {
  display: block;
}
.no-age-preferences-enabled .mine .user-preferences .no-ages,
.no-age-preferences-enabled .role-users-operator .user-preferences .no-ages {
  display: none;
}
.user-preferences .no-genders {
  margin-bottom: 16px;
}
.about-me {
  font-size: 16px;
  line-height: 1.4;
  color: #222;
  font-weight: normal;
}
.about-me .location,
.about-me .occupation,
.about-me .education,
.about-me .languages,
.about-me .relationship,
.about-me .kids,
.about-me .smoke,
.about-me .drink,
.about-me .height,
.about-me .bodytype,
.about-me .eye,
.about-me .hair,
.about-me .living-with,
.about-me .answer-wrapper {
  margin-bottom: 16px;
  word-wrap: break-word;
}
.about-me .location .no-answer,
.about-me .occupation .no-answer,
.about-me .education .no-answer,
.about-me .languages .no-answer,
.about-me .relationship .no-answer,
.about-me .kids .no-answer,
.about-me .smoke .no-answer,
.about-me .drink .no-answer,
.about-me .height .no-answer,
.about-me .bodytype .no-answer,
.about-me .eye .no-answer,
.about-me .hair .no-answer,
.about-me .living-with .no-answer,
.about-me .answer-wrapper .no-answer {
  display: none;
}
.about-me .location .answer,
.about-me .occupation .answer,
.about-me .education .answer,
.about-me .languages .answer,
.about-me .relationship .answer,
.about-me .kids .answer,
.about-me .smoke .answer,
.about-me .drink .answer,
.about-me .height .answer,
.about-me .bodytype .answer,
.about-me .eye .answer,
.about-me .hair .answer,
.about-me .living-with .answer,
.about-me .answer-wrapper .answer {
  font-weight: bold;
  display: inline;
}
.about-me .no-location,
.about-me .no-occupation,
.about-me .no-education,
.about-me .no-languages,
.about-me .no-relationship,
.about-me .no-kids,
.about-me .no-smoke,
.about-me .no-drink,
.about-me .no-height,
.about-me .no-bodytype,
.about-me .no-eye,
.about-me .no-hair,
.about-me .no-answer-wrapper {
  margin-bottom: 16px;
  display: none;
}
.questionnaire .about-me .no-location,
.questionnaire .about-me .no-occupation,
.questionnaire .about-me .no-education,
.questionnaire .about-me .no-languages,
.questionnaire .about-me .no-relationship,
.questionnaire .about-me .no-kids,
.questionnaire .about-me .no-smoke,
.questionnaire .about-me .no-drink,
.questionnaire .about-me .no-height,
.questionnaire .about-me .no-bodytype,
.questionnaire .about-me .no-eye,
.questionnaire .about-me .no-hair,
.questionnaire .about-me .no-answer-wrapper {
  display: block;
}
.mine .about-me .no-location,
.mine .about-me .no-occupation,
.mine .about-me .no-education,
.mine .about-me .no-languages,
.mine .about-me .no-relationship,
.mine .about-me .no-kids,
.mine .about-me .no-smoke,
.mine .about-me .no-drink,
.mine .about-me .no-height,
.mine .about-me .no-bodytype,
.mine .about-me .no-eye,
.mine .about-me .no-hair,
.mine .about-me .no-answer-wrapper,
.role-users-operator .about-me .no-location,
.role-users-operator .about-me .no-occupation,
.role-users-operator .about-me .no-education,
.role-users-operator .about-me .no-languages,
.role-users-operator .about-me .no-relationship,
.role-users-operator .about-me .no-kids,
.role-users-operator .about-me .no-smoke,
.role-users-operator .about-me .no-drink,
.role-users-operator .about-me .no-height,
.role-users-operator .about-me .no-bodytype,
.role-users-operator .about-me .no-eye,
.role-users-operator .about-me .no-hair,
.role-users-operator .about-me .no-answer-wrapper {
  display: block;
}
.about-me .no-location .no-answer,
.about-me .no-occupation .no-answer,
.about-me .no-education .no-answer,
.about-me .no-languages .no-answer,
.about-me .no-relationship .no-answer,
.about-me .no-kids .no-answer,
.about-me .no-smoke .no-answer,
.about-me .no-drink .no-answer,
.about-me .no-height .no-answer,
.about-me .no-bodytype .no-answer,
.about-me .no-eye .no-answer,
.about-me .no-hair .no-answer,
.about-me .no-answer-wrapper .no-answer {
  font-weight: bold;
}
.mine .about-me .no-location .no-answer,
.mine .about-me .no-occupation .no-answer,
.mine .about-me .no-education .no-answer,
.mine .about-me .no-languages .no-answer,
.mine .about-me .no-relationship .no-answer,
.mine .about-me .no-kids .no-answer,
.mine .about-me .no-smoke .no-answer,
.mine .about-me .no-drink .no-answer,
.mine .about-me .no-height .no-answer,
.mine .about-me .no-bodytype .no-answer,
.mine .about-me .no-eye .no-answer,
.mine .about-me .no-hair .no-answer,
.mine .about-me .no-answer-wrapper .no-answer,
.role-users-operator .about-me .no-location .no-answer,
.role-users-operator .about-me .no-occupation .no-answer,
.role-users-operator .about-me .no-education .no-answer,
.role-users-operator .about-me .no-languages .no-answer,
.role-users-operator .about-me .no-relationship .no-answer,
.role-users-operator .about-me .no-kids .no-answer,
.role-users-operator .about-me .no-smoke .no-answer,
.role-users-operator .about-me .no-drink .no-answer,
.role-users-operator .about-me .no-height .no-answer,
.role-users-operator .about-me .no-bodytype .no-answer,
.role-users-operator .about-me .no-eye .no-answer,
.role-users-operator .about-me .no-hair .no-answer,
.role-users-operator .about-me .no-answer-wrapper .no-answer {
  display: inline;
}
.about-me .no-location .answer,
.about-me .no-occupation .answer,
.about-me .no-education .answer,
.about-me .no-languages .answer,
.about-me .no-relationship .answer,
.about-me .no-kids .answer,
.about-me .no-smoke .answer,
.about-me .no-drink .answer,
.about-me .no-height .answer,
.about-me .no-bodytype .answer,
.about-me .no-eye .answer,
.about-me .no-hair .answer,
.about-me .no-answer-wrapper .answer {
  display: none;
}
.preloading .profile-container .column {
  border: none;
}
.profile-container .column .default-profile {
  padding: 40px;
  box-sizing: border-box;
  background: #ffffff;
}
.profile-container .column .default-profile .member-options {
  position: relative;
  left: 0;
  width: 100%;
}
.profile-container .column .default-profile .member-options li {
  margin: 0 0 25px 0;
}
.profile-container .column .default-profile .member-options li:first-child {
  width: 68%;
}
.profile-container .column .default-profile .member-options li:nth-child(2) {
  width: 44%;
}
.profile-container .column .default-profile .member-options li:nth-child(3),
.profile-container .column .default-profile .member-options li:nth-child(5) {
  width: 75%;
}
.profile-container .column .default-profile .member-options li:nth-child(4),
.profile-container .column .default-profile .member-options li:nth-child(6),
.profile-container .column .default-profile .member-options li:nth-child(7) {
  width: 36%;
}
.profile-container .column .default-profile .member-options li:nth-child(8) {
  width: 48%;
}
.profile-container .column .default-profile .interest {
  width: 60px;
  height: 60px;
  margin: 0 18px 18px 0;
  border-radius: 50%;
  background: #f5f5f5;
}
.preloading .profile-container .interests .default-profile {
  display: flex;
  padding-right: 10px;
  flex-wrap: wrap;
  align-content: flex-start;
}
.profile-container .preferences .default-profile .member-options li:nth-child(2) {
  width: 94%;
}
#fellow-to .free-member-status {
  display: none;
  font-size: 12px;
  color: #9b9b9b;
  margin: 0 8px;
  width: calc(100% - 16px);
}
#fellow-to.feature_free-member-status .free-member-status {
  display: block;
}
#fellow-to .become-free-member {
  display: none;
}
#fellow-to .not-my .become-free-member {
  display: none !important;
}
#fellow-to.feature_free-member-status .mine .become-free-member {
  display: block;
}
#fellow-to.feature_free-member-status .mine .become-free-member .info,
#fellow-to.feature_free-member-status .mine .become-free-member .reason,
#fellow-to.feature_free-member-status .mine .become-free-member .request {
  display: flex;
  justify-content: center;
}
#fellow-to.feature_free-member-status .mine .become-free-member .reason,
#fellow-to.feature_free-member-status .mine .become-free-member .request {
  margin: 10px 0;
  font-size: 12px;
  color: #9b9b9b;
}
.smiles-list {
  float: right;
  width: 186px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.smiles-list li {
  float: left;
  cursor: pointer;
  margin: 2px;
}
.about .chat-wrapper,
.about .send-letter-wrapper {
  position: relative;
}
.user-profile .navigation-controls {
  position: absolute;
  top: 30px;
  left: 40px;
  z-index: 2;
}
@media (max-width: 1279px) {
  .user-profile .navigation-controls {
    left: 30px;
  }
}
@media (max-width: 670px) {
  .user-profile .navigation-controls {
    left: 20px;
  }
}
@media (max-width: 479px) {
  .user-profile .navigation-controls {
    left: 15px;
  }
  .role-users-operator .user-profile .navigation-controls .text {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
  }
  .role-users-operator .user-profile .navigation-controls .button {
    margin: 0;
    padding-left: 1.6em;
    padding-right: 1.6em;
  }
  .role-users-operator .user-profile .navigation-controls .button::before {
    content: '';
    display: block;
    background: url('/i/icons/left-active-arrow.png?1') center center no-repeat;
    width: 1.6em;
    height: 1.6em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.8em;
    margin-left: -0.8em;
    background-size: contain;
  }
}
.user-profile .navigation-controls .next-profile {
  display: none;
  margin-left: 10px;
}
.role-users-operator .user-profile .navigation-controls .next-profile {
  display: inline-block;
}
.role-users-operator .user-profile .navigation-controls .next-profile::before {
  background-image: url('/i/icons/right-active-arrow.png?1');
}
.user-profile.preloading .navigation-controls {
  z-index: 3;
}
.photo-gallery {
  position: relative;
}
.complete-photos .photo-gallery {
  height: 370px;
}
.profile-container .photo-gallery {
  height: 585px;
  background: #353535;
  background: -moz-linear-gradient(top, #353535 0%, #000000 100%);
  background: -webkit-linear-gradient(top, #353535 0%,#000000 100%);
  background: -o-linear-gradient(top, #353535 0%,#000000 100%);
  background: -ms-linear-gradient(top, #353535 0%,#000000 100%);
  background: linear-gradient(top, #353535 0%,#000000 100%);
}
.photo-gallery h2 {
  color: #222;
  font-size: 30px;
}
.mine .photo-gallery.video .tags,
.role-users-operator .photo-gallery.video .tags,
.mine .photo-gallery.video .sub-tags,
.role-users-operator .photo-gallery.video .sub-tags {
  display: none;
}
.photo-gallery .vrview {
  position: absolute;
  width: 100%;
  height: 100%;
}
.photo-gallery .vrview iframe {
  width: 100%;
  height: 100%;
}
.photo-gallery .photo-header {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -310px;
  width: calc(100% - 60px * 2);
  max-width: 620px;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 700px) {
  .photo-gallery .photo-header {
    min-width: 260px;
    margin-left: calc((50% - 60px) * -1);
  }
}
@media (max-width: 400px) {
  .photo-gallery .photo-header {
    margin-left: -130px;
  }
}
.photo-gallery .photo-header .user-thumbnail-efficiency {
  width: calc(100% - 60px * 2);
  padding: 20px;
  background: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
}
.photo-gallery .photo-header .tags:not(.hidden) + link + .user-thumbnail-efficiency-container .user-thumbnail-efficiency {
  padding-top: 0;
}
.photo-gallery .tags {
  display: none;
  text-justify: newspaper;
  text-align: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
}
.mine .photo-gallery .tags,
.role-users-operator .photo-gallery .tags {
  display: block;
}
.photo-gallery .tags .tag {
  display: inline-block;
  width: calc(33% - 5px);
  border: solid 1px #999;
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
  color: #999;
  vertical-align: top;
  box-sizing: border-box;
  transition: background 0.25s, color 0.25s;
}
.photo-gallery .tags .tag.active {
  color: #fff;
}
@media (max-width: 700px) {
  .photo-gallery .tags .tag {
    width: 100%;
  }
  .photo-gallery .tags .tag.thumbnail {
    margin-top: 10px;
  }
}
.photo-gallery .tags .thumbnail {
  color: #fff;
  border-color: #f1f1f1;
  cursor: pointer;
  background: transparent;
}
.photo-gallery .tags .thumbnail:hover {
  color: #000;
  background-color: #f1f1f1;
}
.photo-gallery .tags.active .thumbnail.active {
  color: #fff;
  border-color: #009f83;
  background: #009f83;
}
.photo-gallery .tags.active.private .thumbnail.active {
  color: #fff;
  border-color: #dd5859;
  background: #dd5859;
}
@media (max-width: 700px) {
  .photo-gallery .tags .public,
  .photo-gallery .tags .private {
    width: calc(50% - 5px);
  }
}
.photo-gallery .tags .public:hover,
.photo-gallery .tags .private:hover {
  color: #fff;
}
.photo-gallery .tags .public {
  color: #009f83;
  border-color: #009f83;
}
.photo-gallery .tags .public:hover,
.photo-gallery .tags .public.active {
  background: #009f83;
}
.photo-gallery .tags .private {
  color: #dd5859;
  border-color: #dd5859;
}
.photo-gallery .tags .private:hover,
.photo-gallery .tags .private.active {
  background: #dd5859;
}
.photo-gallery .sub-tags {
  position: absolute;
  display: none;
  bottom: 20px;
  left: 50%;
  width: 480px;
  margin-left: -240px;
  padding: 25px 40px 15px;
  background: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  border-radius: 10px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.25s ease, padding 0.25s, width 0.25s, margin 0.25s;
}
@media (max-width: 700px) {
  .photo-gallery .sub-tags {
    width: calc(100% - 60px * 2);
    margin-left: calc((50% - 60px) * -1);
    padding: 20px 20px 15px;
  }
}
@media (max-width: 400px) {
  .photo-gallery .sub-tags {
    width: calc(100% - 50px * 2);
    margin-left: calc((50% - 50px) * -1);
    padding-right: 5px;
    padding-left: 5px;
  }
}
.photo-gallery .sub-tags.collapsed {
  padding: 10px 20px 15px;
  width: 200px;
  margin-left: -100px;
}
.photo-gallery .sub-tags.collapsed .additional-tags {
  display: none;
}
.mine .photo-gallery .sub-tags,
.role-users-operator .photo-gallery .sub-tags {
  display: block;
  opacity: 1;
}
.photo-gallery .sub-tags .additional-tags {
  position: relative;
  display: flex;
  justify-content: space-around;
  margin-bottom: 10px;
}
.photo-gallery .sub-tags .additional-tags.public .tag {
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
}
.photo-gallery .sub-tags .additional-tags.public .tag:hover,
.photo-gallery .sub-tags .additional-tags.public .tag.active {
  border-color: #0d96c3;
  background: #0d96c3;
}
.photo-gallery .sub-tags .additional-tags.thumbnail {
  background: none;
}
.photo-gallery .sub-tags .add-tags {
  display: inline-block;
  border-bottom: 1px dotted;
  font-size: 20px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.photo-gallery .sub-tags .tag {
  width: 30%;
  margin: 0 5px;
  padding: 8px 15px;
  border: 1px solid #555;
  color: #555;
  text-align: center;
  vertical-align: top;
  cursor: not-allowed;
  transition: background 0.25s, color 0.25s, border-color 0.25s;
  border-radius: 20px;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .photo-gallery .sub-tags .tag {
    width: calc(50% - 10px);
    padding: 5px;
    box-sizing: border-box;
  }
}
.photo-gallery .private-info,
.photo-gallery .start-conversation,
.photo-gallery .photo-header,
.photo-gallery .sub-tags {
  opacity: 1;
  transition: opacity 0.25s;
}
.role-users-operator .passport .photo-gallery .private-info,
.role-users-operator .passport .photo-gallery .start-conversation,
.role-users-operator .passport .photo-gallery .photo-header,
.role-users-operator .passport .photo-gallery .sub-tags {
  display: none;
}
.photo-gallery.controls-hidden .private-info,
.photo-gallery.controls-hidden .start-conversation,
.photo-gallery.controls-hidden .photo-header,
.photo-gallery.controls-hidden .sub-tags,
.photo-gallery.controls-hidden .copy-image {
  opacity: 0;
}
.photo-gallery.video .start-conversation {
  opacity: 1;
  display: none;
}
.photo-gallery.video .ended .start-conversation {
  display: flex;
}
.photo-gallery.video .preview + .gallery-info .invite-wrapper {
  display: none;
}
.photo-gallery .gallery-info {
  position: absolute;
  z-index: 10;
  height: 120px;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-height: 480px) {
  .photo-gallery .gallery-info {
    height: 44px;
  }
}
.photo-gallery .private-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 280px;
  padding: 0;
  text-align: center;
  color: #fff;
  z-index: 10;
}
@media (max-width: 420px) {
  .photo-gallery .private-info {
    width: 250px;
  }
}
.photo-gallery .private-info .make-contact {
  display: none;
  margin-bottom: 40px;
}
.photo-gallery .private-info::before {
  content: '';
  display: none;
  position: relative;
  height: 135px;
  width: 150px;
  margin: 0 auto;
  margin-bottom: 45px;
  background: url("/i/profile/logo-private.png?1") no-repeat;
  background-size: contain;
}
.photo-gallery .start-conversation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  margin: 0 auto;
  width: 203px;
  visibility: visible !important;
}
.photo-gallery .start-conversation .send-message,
.photo-gallery .start-conversation .start-video {
  width: 203px;
}
.photo-gallery .start-conversation .message-input {
  order: 3;
}
.photo-gallery .start-conversation .video-postfix {
  padding: 4px;
}
.photo-gallery .start-conversation .message-input .field {
  display: none !important;
}
.photo-gallery .start-conversation .message-input .smiles-wrapper,
.photo-gallery .start-conversation .message-input .message {
  display: none !important;
}
.photo-gallery .start-conversation .button {
  width: 100%;
}
.photo-gallery .start-conversation .send-letter,
.photo-gallery .start-conversation .send-message {
  position: relative;
  margin: auto;
  z-index: 1;
}
.photo-gallery .start-conversation .button.send-message {
  display: block;
  border-top-left-radius: 0.33333em;
  border-bottom-left-radius: 0.33333em;
}
.photo-gallery .photos-list-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.photo-gallery .photos-list-wrapper .fotorama__wrap,
.photo-gallery .photos-list-wrapper .fotorama,
.photo-gallery .photos-list-wrapper .fotorama__stage {
  height: 100%;
}
.photo-gallery .photos-list-wrapper .fotorama:hover .fotorama__wrap--toggle-arrows .fotorama__arr--prev,
.photo-gallery .photos-list-wrapper .fotorama:hover .fotorama__wrap--toggle-arrows .fotorama__arr--next {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1;
}
.photo-gallery .photos-list-wrapper .caption {
  position: absolute;
  bottom: 30px;
  left: 50%;
  text-transform: uppercase;
  color: #fff;
  font-size: 55px;
  text-shadow: 0 2px 4px #000, 0 0 1px #000;
  white-space: nowrap;
}
.photo-gallery .photos-list-wrapper .caption .wrapper {
  position: relative;
  left: -50%;
}
.photo-gallery .photos-list-wrapper .gallery-promote {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 120px;
  width: 720px;
  margin-left: -360px;
  overflow: hidden;
}
.mine .photo-gallery .photos-list-wrapper .gallery-promote,
.role-users-operator .photo-gallery .photos-list-wrapper .gallery-promote {
  display: block;
}
@media (max-width: 767px) {
  .photo-gallery .photos-list-wrapper .gallery-promote {
    width: calc(100% - 60px * 2);
    margin-left: calc((50% - 60px) * -1);
  }
}
.photo-gallery .photos-list-wrapper .gallery-promote .add-photo {
  position: relative;
  width: 120px;
  height: 120px;
  background: #000 url('/i/icons/plus-photo.png?1') center center no-repeat;
  float: left;
  cursor: pointer;
}
.photo-gallery .photos-list-wrapper .gallery-promote .list-items {
  position: relative;
  margin: 0;
  float: none;
  width: 1000px;
}
.photo-gallery .photos-list-wrapper .gallery-promote .list-items li {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  float: left;
  background: #ccc;
}
.photo-gallery .photos-list-wrapper .gallery-promote .list-items li.active {
  border: 4px solid #d4202d;
  box-sizing: border-box;
  overflow: hidden;
}
.photo-gallery .photos-list-wrapper .gallery-promote .list-items .photo {
  width: 100%;
  height: 120px;
  cursor: pointer;
}
.photo-gallery .photos-list-wrapper .gallery-promote .delete {
  position: absolute;
  top: 7px;
  right: 7px;
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0;
  background: url('/i/icons/close-shadow.png?1') no-repeat;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1;
}
.photo-gallery .photos-list-wrapper .preview .private-info::before {
  display: block;
}
.photo-gallery .photos-list-wrapper .preview .private-info .make-contact {
  display: block;
}
.photo-gallery .photos-list-wrapper .preview .start-conversation {
  bottom: 50%;
  transform: translate(-50%);
}
.photo-gallery.empty .photos-list-wrapper {
  display: none;
  position: absolute;
  top: 0;
  z-index: 1;
}
.photo-gallery .touchcarousel-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.photo-gallery .touchcarousel-wrapper.grabbing-cursor {
  cursor: move;
}
.photo-gallery .touchcarousel-container {
  height: 100%;
}
.photo-gallery .arrow-holder {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #a19e9e;
  background: rgba(0, 0, 0, 0.5);
}
.photo-gallery .arrow-holder:hover {
  background: #808080;
  background: rgba(0, 0, 0, 0.8);
}
.photo-gallery .arrow-holder .arrow-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  width: 26px;
  height: 40px;
}
.photo-gallery .arrow-holder.left {
  left: 40px;
}
.photo-gallery .arrow-holder.left .arrow-icon {
  margin-left: -15px;
  background: url("/i/profile/gallery-arrow-left.png?1");
}
.photo-gallery .arrow-holder.right {
  right: 40px;
}
.photo-gallery .arrow-holder.right .arrow-icon {
  margin-left: -11px;
  background: url("/i/profile/gallery-arrow-right.png?1");
}
.photo-gallery.empty .arrow-holder,
.photo-gallery .photos-list-wrapper.unmovable .arrow-holder {
  display: none;
}
.photo-gallery .photos {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
}
.photo-gallery.loading .private-info,
.photo-gallery.loading .start-conversation {
  display: none;
}
.photo-gallery .photo-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  display: table;
}
.photo-gallery .photo-wrapper .photo {
  display: block;
  margin: auto;
  height: 100%;
}
.photo-gallery .photo-wrapper .copy-image {
  display: none;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, 0);
}
.mirror .photo-gallery .photo-wrapper .copy-image {
  margin-right: -70px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.role-users-operator .photo-gallery .photo-wrapper .copy-image {
  display: block;
}
.photo-gallery .photo-wrapper .copy-image-input {
  position: absolute;
  height: 0;
  opacity: 0;
  border: none;
  padding: 0;
}
.photo-gallery .video-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  display: table;
}
.photo-gallery .video-wrapper::after {
  content: " ";
  width: 133px;
  height: 152px;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -66px;
  margin-top: -76px;
  background-image: url("/i/icons/lock-big.png?1");
}
@media (max-width: 599px) {
  .photo-gallery .video-wrapper::after {
    top: 48%;
    width: 50%;
    height: 60%;
    max-width: 133px;
    max-height: 152px;
    background-position: center;
  }
}
.photo-gallery .video-wrapper .video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 100%;
}
.photo-gallery .video-wrapper .error-text {
  display: none;
}
.photo-gallery .video-wrapper.error .error-text {
  display: block;
  width: 100%;
  color: white;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.photo-gallery .video-wrapper.error .video {
  background-color: rgba(0, 0, 0, 0.7);
}
.photo-gallery .preview .video-wrapper .play-video {
  display: block;
}
.photo-gallery .preview .video-wrapper::after {
  display: block;
}
.photo-gallery .preview .video-wrapper .video {
  display: none;
}
.photo-gallery .preview .video-wrapper .vrview {
  display: none;
}
.photo-gallery .preview .video-wrapper .error-text {
  display: none;
}
.photo-gallery .play-video {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -70px;
  margin-top: 90px;
}
@media (max-width: 599px) {
  .photo-gallery .play-video {
    top: auto;
    bottom: 12%;
    margin-top: auto;
  }
}
.photo-gallery .popup {
  padding: 0;
  border: 0;
  background: #f2f2f2;
}
.photo-gallery .popup .button {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  border: 0;
  text-align: left;
}
.photo-gallery .popup::after {
  left: 44px;
}
.photo-gallery .popup .controls-container {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.photo-gallery .popup li {
  padding: 5px 0;
  list-style: none;
  border-top: 1px solid #eee;
}
.photo-gallery .popup li:first-child {
  border: 0;
}
.photos .choose-wrapper,
.photos .make-profile-photo,
.photos .make-cover-photo {
  display: none;
}
.photos .remove-photo {
  position: absolute;
  bottom: 25px;
  left: 25px;
}
.photos .remove-photo {
  display: none;
}
.role-users-operator .photos .remove-photo {
  display: block;
}
.photos.mine .remove-photo {
  display: block;
}
.photos.choose-thumbnail .choose-wrapper,
.photos.choose-cover .choose-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.photos.choose-thumbnail .remove-photo,
.photos.choose-cover .remove-photo {
  display: none;
}
.photos.choose-thumbnail .photo-gallery .uploader-container,
.photos.choose-cover .photo-gallery .uploader-container {
  display: none;
}
.photos.choose-thumbnail .make-profile-photo {
  margin: auto;
  display: inline-block;
}
.photos.choose-cover .make-cover-photo {
  margin: auto;
  display: inline-block;
}
.mine .photo-wrapper .chat-button-wrapper,
.role-users-operator .photo-wrapper .chat-button-wrapper {
  display: none;
}
.ie8 .mine .photo-wrapper:hover .photo-controls,
.ie8 .role-users-operator .photo-wrapper:hover .photo-controls {
  display: block;
}
.photo-gallery .gallery-info.invite-opened .start-conversation {
  height: 0;
  overflow: hidden;
}
@media (min-width: 480px) {
  .photo-gallery .gallery-info.invite-opened .start-conversation {
    width: 0;
  }
}
.photo-gallery .gallery-info.invite-opened .conversation-controls {
  display: none;
}
.photo-gallery .gallery-info.invite-opened .invite-wrapper {
  display: inherit;
}
@media (max-height: 480px) {
  .photo-gallery .gallery-info.invite-opened {
    height: 66px;
  }
}
.photo-gallery .invite-wrapper {
  display: none;
  text-align: left;
  margin: -20px auto auto;
}
.photo-gallery .invite-wrapper > .wrapper {
  margin-bottom: 15px;
  text-align: left;
  background: transparent;
  box-shadow: none;
}
.photo-gallery .invite-wrapper .invite {
  width: 100%;
  height: initial;
}
.photo-gallery .invite-wrapper .info {
  margin-top: -50px;
  min-width: 203px;
  font-size: 0;
  width: initial;
}
@media (min-width: 600px) {
  .photo-gallery .invite-wrapper .info {
    min-width: 500px;
  }
}
.photo-gallery .invite-wrapper .info .message-wrapper {
  display: flex;
  align-items: flex-end;
}
.photo-gallery .invite-wrapper .button {
  height: 44px;
  font-size: 13px;
}
.photo-gallery .invite-wrapper .message {
  opacity: 0;
  color: #222;
  display: inline-block;
  width: auto;
  max-width: initial;
  height: 100%;
  min-height: 100%;
  max-height: initial;
  box-sizing: border-box;
  background: #f9f9f9;
  padding: 5px 10px;
  border-radius: 20px;
  line-height: 30px;
  position: relative;
  overflow: visible;
  margin-bottom: 15px;
  transition: opacity 0.5s;
  margin-top: -100%;
  vertical-align: bottom;
  white-space: initial;
}
.photo-gallery .invite-wrapper .message > * {
  max-width: 100%;
  overflow: hidden;
  margin: auto;
  text-overflow: ellipsis;
}
@media (max-width: 950px) {
  .photo-gallery .invite-wrapper .message > * l10n {
    line-height: 2.5;
  }
}
.photo-gallery .invite-wrapper .message::after {
  content: '';
  position: absolute;
  width: 19px;
  height: 30px;
  bottom: -8px;
  left: -9px;
  background-image: url("/i/chat/corner-left.png?1");
}
.photo-gallery .invite-wrapper .member-wrapper {
  opacity: 0;
  display: inline-block;
  position: relative;
  height: 40px;
  width: 40px;
  transition: opacity 0.5s;
  margin-bottom: 15px;
}
.photo-gallery .invite-wrapper .member-wrapper img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.photo-gallery .invite-wrapper .member-wrapper .connection-status {
  right: 0;
  bottom: 0;
  top: auto;
  position: absolute;
}
.photo-gallery .invite-wrapper .member-wrapper .icon.vip {
  right: 1px;
}
.photo-gallery .invite-wrapper .member-wrapper .icon.vip .role-promoter .vip-person {
  display: block;
}
.photo-gallery .invite-wrapper.opened + .private-info {
  opacity: 0;
}
.webrtc.calls-enabled .photo-gallery .invite.has-cam.outgoing-video:not(.video) .info,
.webrtc.calls-enabled .photo-gallery .invite.incoming-video:not(.video) .info {
  text-align: center;
}
.webrtc.calls-enabled .photo-gallery .invite.has-cam.outgoing-video:not(.video) .connection-status,
.webrtc.calls-enabled .photo-gallery .invite.incoming-video:not(.video) .connection-status {
  display: none;
}
.webrtc.calls-enabled .photo-gallery .invite.has-cam.outgoing-video:not(.video) .member-wrapper,
.webrtc.calls-enabled .photo-gallery .invite.incoming-video:not(.video) .member-wrapper {
  width: 130px;
  height: 130px;
  margin-right: 0;
  margin-top: -90px;
  animation-duration: 3s;
  animation-name: tinDown;
  animation-iteration-count: infinite;
}
.webrtc.calls-enabled .photo-gallery .invite.has-cam.outgoing-video:not(.video) .member-wrapper img,
.webrtc.calls-enabled .photo-gallery .invite.incoming-video:not(.video) .member-wrapper img {
  width: 130px;
  height: 130px;
}
.webrtc.calls-enabled .photo-gallery .invite.has-cam.outgoing-video:not(.video) .message,
.webrtc.calls-enabled .photo-gallery .invite.incoming-video:not(.video) .message {
  display: none;
}
.photo-gallery .chat-answer .message-input {
  position: relative;
}
.photo-gallery .chat-answer .field {
  display: none;
  width: 129px;
  transition: width 0.5s;
}
.photo-gallery .chat-answer .data {
  font-size: 16px;
  height: 44px;
  padding: 0 115px 0 15px;
  border: 1px solid #eee;
  border-radius: 0.33333em;
}
.photo-gallery .chat-answer .button {
  display: inline-block;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  height: 44px;
}
@media (min-width: 600px) {
  .photo-gallery .chat-answer .field {
    display: block;
  }
  .photo-gallery .chat-answer .button {
    width: 203px;
    transition: width 0.5s;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.photo-gallery .opened .chat-answer .field {
  width: initial;
}
@media (min-width: 600px) {
  .photo-gallery .opened .chat-answer .button {
    width: 100px;
  }
}
.photo-gallery .opened.invite-wrapper .member-wrapper,
.photo-gallery .opened.invite-wrapper .message {
  opacity: 1;
}
.photo-gallery .letter-cover {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
  z-index: -1;
  border-radius: 20px;
}
.photo-gallery .letter-invite .message {
  max-width: 215px;
  max-height: initial;
}
.photo-gallery .letter-invite .message p {
  white-space: normal;
}
.photo-gallery .letter-invite .message::after {
  display: none;
}
.photo-gallery .letter-invite.invite .info .message {
  color: #222;
  text-shadow: none;
}
.photo-gallery .attachment.image .message,
.photo-gallery .attachment.video .message {
  height: 120px;
  max-height: 120px;
  width: 145px;
  background: none;
}
.photo-gallery .attachment.image .message::after,
.photo-gallery .attachment.video .message::after {
  display: none;
}
.photo-gallery .attachment .image-attachment,
.photo-gallery .attachment .video-attachment {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  border-radius: 20px;
}
.photo-gallery .attachment .image-attachment::after,
.photo-gallery .attachment .video-attachment::after {
  content: " ";
  width: 94px;
  height: 102px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -47px;
  margin-top: -51px;
  background-image: url("/i/icons/lock.png?1");
}
.photo-wrapper.absolute {
  position: absolute !important;
  z-index: 10000;
}
body.moving {
  cursor: move;
}
.photo-controls {
  display: none;
}
.mine .photo-controls,
.role-users-operator .photo-controls,
.profile-complete .photo-controls {
  position: absolute;
  display: block;
}
.mine .photo-controls,
.role-users-operator .photo-controls {
  bottom: 30px;
  left: 40px;
}
.profile-complete .photo-controls {
  bottom: 20px;
  left: 20px;
}
.photo-gallery .uploader-container {
  display: none;
  position: absolute;
  z-index: 2;
  margin: 0 auto;
}
.photo-gallery .uploader-container h2 {
  text-align: center;
  display: none;
}
.photo-gallery .uploader-container .add-photo .button {
  display: block;
  margin: 10px auto;
  width: 255px;
  font-size: 18px;
}
.photo-gallery .uploader-container .popup .button {
  width: 100%;
  margin: auto;
  box-sizing: border-box;
}
.mine .photo-gallery .uploader-container,
.role-users-operator .photo-gallery .uploader-container {
  display: block;
}
.photo-gallery.empty .uploader-container {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -275px;
  margin-left: -185px;
}
.profile-container .photo-gallery.empty .uploader-container,
.photos.content .photo-gallery.empty .uploader-container {
  width: 370px;
  height: 270px;
  padding-top: 140px;
  background: url('/i/profile/photo-camera.png?1') center 100px no-repeat;
}
.profile-container .photo-gallery.empty .uploader-container h2,
.photos.content .photo-gallery.empty .uploader-container h2 {
  color: #ccc;
  display: block;
}
.photos .photo-gallery.empty .uploader-container {
  width: 400px;
  padding-top: 132px;
}
.photos .photo-gallery.empty .uploader-container li {
  margin: 1em 0;
}
.photo-gallery.empty .uploader-container .popup-control {
  display: none;
}
.photo-gallery.empty .uploader-container .popup-container,
.photo-gallery.empty .uploader-container .popup {
  position: static;
}
.photo-gallery.empty .uploader-container .popup {
  opacity: 1;
  background: transparent;
  box-shadow: none;
}
.photo-gallery.empty .uploader-container .popup li {
  padding: 0;
  border: 0;
}
.photo-gallery.empty .uploader-container .popup::after {
  display: none;
}
.photo-gallery .add-photo {
  position: relative;
  overflow: hidden;
  transition: background-color 0.25s;
}
.photo-gallery .add-photo input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 15em;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.photo-gallery .add-photo input::-webkit-file-upload-button {
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.photo-gallery .add-photo.loading {
  background-image: url("/i/loader.gif?1");
  background-position: center center;
  background-repeat: no-repeat;
}
.photo-gallery .add-photo.loading .field {
  opacity: 0;
}
.photo-gallery .add-photo:hover {
  background-color: #fff;
}
.role-content-operator .photo-gallery .add-photo l10n {
  position: relative;
  z-index: 1;
}
.profile-container .photo-gallery.not-empty .uploader-container {
  top: 90px;
  left: 40px;
}
.photos .photo-gallery.not-empty .uploader-container {
  top: 20px;
  left: 20px;
}
.photo-gallery.not-empty .popup .button.facebook {
  background: transparent;
  color: #3a5795 !important;
}
.photo-gallery.loading .uploader-container {
  display: none;
}
.photo-gallery .ask .wrapper {
  position: absolute;
  top: 312px;
  left: 40px;
  color: #fff;
  font-size: 30px;
}
.photo-gallery .ask p {
  display: none;
  font-weight: bold;
  margin: 0.7em 0;
}
.photo-gallery .ask .button {
  text-transform: uppercase;
  font-size: 16px;
}
.photo-gallery.not-empty .ask .no-more {
  display: block;
}
.photo-gallery.empty .ask .no-yet {
  display: block;
}
.profile-complete .photo-gallery .ask,
.mine .photo-gallery .ask {
  display: none;
}
.container-profile-photo {
  position: absolute;
  left: 40px;
  bottom: 0;
  top: 0;
  max-height: 140px;
  z-index: 2;
  /*
    Положение фотографии в профиле пользователя.
    Профиль: чужой / чат: закрыт  / подтверждение камеры: нет / камера: есть / текст: нет
    Профиль: чужой / чат: закрыт / подтверждение камеры: есть / камера: есть / текст: нет
    Профиль: чужой / чат: закрыт / подтверждение камеры: есть / камера: нет / текст: нет / has-webrtc
*/
  /*
    Положение фотографии в профиле пользователя.
    Профиль: чужой / чат: открыт / подтверждение камеры: нет / камера: есть / текст: нет
    Профиль: чужой / чат: открыт  / подтверждение камеры: есть / камера: есть / текст: нет
    Профиль: чужой / чат: открыт  / подтверждение камеры: есть / камера: нет / текст: нет / has-webrtc
*/
}
@media (max-width: 1440px) {
  .container-profile-photo {
    left: 30px;
  }
}
@media (max-width: 670px) {
  .container-profile-photo {
    position: relative;
    left: 0;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .container-profile-photo,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .container-profile-photo,
  .webrtc.calls-enabled.has-cam .user-profile.no-cam.has-webrtc .online .empty .container-profile-photo {
    bottom: 65px;
  }
}
@media (max-width: 1700px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .container-profile-photo,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .container-profile-photo,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.no-cam.has-webrtc .online .empty .container-profile-photo {
    bottom: 65px;
  }
}
.container-profile-photo .profile-photos {
  position: absolute;
}
.container-profile-photo .profile-photos .popup {
  left: -20%;
}
@media (max-width: 479px) {
  .container-profile-photo .profile-photos .popup {
    left: -27px;
  }
}
.container-profile-photo .profile-photos .popup-container {
  top: 130px;
  left: 6px;
}
@media (max-width: 670px) {
  .container-profile-photo .profile-photos .popup-container {
    top: 100px;
  }
}
@media (max-width: 479px) {
  .container-profile-photo .profile-photos .popup-container {
    top: 65px;
    left: 5px;
  }
}
@media (max-width: 1550px) {
  .chat-opened .container-profile-photo .profile-photos .popup-container {
    top: 130px;
    left: 5px;
  }
}
@media (max-width: 1530px) {
  .chat-opened .container-profile-photo .profile-photos .popup-container {
    top: 95px;
    left: 12px;
  }
}
@media (max-width: 1385px) {
  .chat-opened .container-profile-photo .profile-photos .popup-container {
    top: 60px;
    left: 5px;
  }
}
@media (max-width: 670px) {
  .container-profile-photo .profile-photos .popup-container.upload .popup::after {
    left: 36%;
  }
}
@media (max-width: 479px) {
  .container-profile-photo .profile-photos .popup-container.upload .popup::after {
    left: 28%;
  }
}
@media (max-width: 1550px) {
  .chat-opened .container-profile-photo .profile-photos .popup-container.upload .popup {
    left: -22%;
    margin-top: 10px;
  }
}
@media (max-width: 1530px) {
  .chat-opened .container-profile-photo .profile-photos .popup-container.upload .popup {
    margin-top: 15px;
  }
}
@media (max-width: 1385px) {
  .chat-opened .container-profile-photo .profile-photos .popup-container.upload .popup {
    left: -35%;
  }
}
@media (max-width: 1550px) {
  .chat-opened .container-profile-photo .profile-photos .popup-container.upload .popup::after {
    left: 50%;
  }
}
@media (max-width: 1530px) {
  .chat-opened .container-profile-photo .profile-photos .popup-container.upload .popup::after {
    left: 37%;
  }
}
@media (max-width: 1385px) {
  .chat-opened .container-profile-photo .profile-photos .popup-container.upload .popup::after {
    left: 32%;
  }
}
.container-profile-photo .complete-photos {
  margin: 0;
}
.container-profile-photo .profile-complete .profile-photos .popup-container .popup {
  left: -36px;
}
.container-profile-photo .profile-complete .profile-photos .popup-container .popup::after {
  left: 50%;
}
.profile-photos {
  position: relative;
  z-index: 4;
  font-size: 0;
  float: left;
  margin-top: 0;
  cursor: pointer;
  bottom: 14px;
}
.profile-photos.empty-list {
  cursor: default;
}
.profile-photos.empty-list .choose {
  display: none;
}
.mine .profile-photos {
  bottom: auto;
  margin-top: -126px;
}
@media (max-width: 670px) {
  .mine .profile-photos {
    bottom: 30px;
    margin-top: auto;
  }
}
.chat-opened .mine .profile-photos {
  bottom: auto;
}
@media (max-width: 1530px) {
  .chat-opened .mine .profile-photos {
    margin-top: -158px;
  }
}
@media (max-width: 1385px) {
  .chat-opened .mine .profile-photos {
    margin-top: -112px;
  }
}
.mine .profile-photos .my-photos {
  display: block;
}
.mine .profile-photos .list {
  display: none;
}
.mine .profile-photos .photos-counter {
  display: none;
}
@media (max-width: 1530px) {
  .chat-opened .profile-photos {
    margin-top: -152px;
  }
}
@media (max-width: 1385px) {
  .chat-opened .profile-photos {
    margin-top: -112px;
  }
}
.user-profile.preloading .profile-photos {
  left: -12px;
  border: 12px solid #fff;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  background: #ffffff;
}
@media (max-width: 670px) {
  .user-profile.preloading .profile-photos {
    top: -144px;
    height: 100px;
    border-width: 8px;
    border-bottom: 8px solid #fff;
    border-radius: 20px;
  }
}
.user-profile.preloading .profile-photos .default-profile {
  background: #f5f5f5;
}
.profile-photos .photo {
  border-radius: 10px;
  opacity: 1;
  transition: opacity 0.25s;
}
.profile-photos .photo.loading {
  opacity: 0;
}
.profile-photos .my-photos {
  display: none;
  width: 100%;
  margin-top: 10px;
  text-transform: uppercase;
}
.profile-photos .popup-container {
  position: absolute;
  bottom: 15px;
  top: auto;
  left: 6px;
}
.profile-photos .popup-container .button {
  font-size: 13px;
  padding: 0.95em 1.78em;
}
@media (max-width: 670px) {
  .profile-photos .popup-container .button {
    padding: 0.785714em 2.285714em;
  }
}
@media (max-width: 479px) {
  .profile-photos .popup-container .button {
    padding-right: 0.3em;
    padding-left: 0.3em;
  }
}
.profile-photos .popup-container .button span {
  display: block;
}
@media (max-width: 670px) {
  .profile-photos .popup-container .button span {
    display: none;
  }
}
@media (max-width: 1530px) {
  .chat-opened .profile-photos .popup-container .button span {
    display: none;
  }
}
.profile-photos .popup-container .button .mobile-upload-profile {
  display: none;
}
@media (max-width: 670px) {
  .profile-photos .popup-container .button .mobile-upload-profile {
    display: block;
  }
}
@media (max-width: 1530px) {
  .chat-opened .profile-photos .popup-container .button .mobile-upload-profile {
    display: block;
  }
}
.profile-photos .popup-container .popup {
  left: -36px;
}
.profile-photos .popup-container .button + .popup .controls-container .button {
  padding: 20px 30px 20px 68px;
}
.profile-photos .popup-control {
  font-size: 12px;
}
@media (max-width: 1385px) {
  .chat-opened .profile-photos .popup-control.button {
    padding: 0.785714em 0.3em;
  }
}
.profile-photos .thumbnail-wrapper {
  position: relative;
  width: 215px;
  height: 180px;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.preloading .profile-photos .thumbnail-wrapper {
  box-shadow: none;
}
@media (max-width: 670px) {
  .preloading .profile-photos .thumbnail-wrapper {
    width: 120px;
    height: 100px;
  }
}
.profile-photos .thumbnail-wrapper .icon.vip {
  top: 10px;
  right: 10px;
}
.tag-credits-accounts-vip .mine .profile-photos .thumbnail-wrapper .icon.vip {
  display: block;
}
.role-promoter .profile-photos .thumbnail-wrapper .thumbnail.vip-person ~ .icon.vip {
  display: block;
}
.profile-photos .thumbnail-wrapper .spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
}
.profile-photos .thumbnail-wrapper.loading .spinner {
  display: block;
}
.profile-photos .thumbnail-wrapper.loading .thumbnail {
  visibility: hidden;
}
.profile-photos .thumbnail-wrapper::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.profile-photos .thumbnail {
  max-width: 215px;
  max-height: 180px;
  vertical-align: middle;
  display: inline-block;
}
.preloading .profile-photos .thumbnail {
  display: none;
}
@media (max-width: 670px) {
  .profile-photos .thumbnail-wrapper,
  .profile-photos .thumbnail {
    max-width: 170px;
    max-height: 140px;
  }
}
@media (max-width: 479px) {
  .profile-photos .thumbnail-wrapper,
  .profile-photos .thumbnail {
    max-width: 120px;
    max-height: 100px;
  }
}
@media (max-width: 1530px) {
  .chat-opened .profile-photos .thumbnail-wrapper,
  .chat-opened .profile-photos .thumbnail {
    max-width: 170px;
    max-height: 140px;
  }
}
@media (max-width: 1385px) {
  .chat-opened .profile-photos .thumbnail-wrapper,
  .chat-opened .profile-photos .thumbnail {
    max-width: 120px;
    max-height: 100px;
  }
}
.profile-photos .additional {
  display: none;
}
@media (max-width: 950px) {
  .complete-photos .photos-form {
    padding: 25px 60px 35px 60px;
  }
}
@media (max-width: 599px) {
  .complete-photos .photos-form {
    padding: 20px;
  }
}
@media (max-width: 950px) {
  .complete-photos .photos-form .title {
    font-size: 26px;
  }
}
@media (max-width: 599px) {
  .complete-photos .photos-form .title {
    font-size: 18px;
  }
}
@media (max-width: 950px) {
  .complete-photos .photos-form .editable-section {
    min-width: 560px;
    padding-bottom: 80px;
  }
}
@media (max-width: 770px) {
  .complete-photos .photos-form .editable-section {
    min-width: 420px;
    padding: 70px 0 140px 0;
  }
}
@media (max-width: 479px) {
  .complete-photos .photos-form .editable-section {
    min-width: 275px;
    padding: 56px 0;
  }
}
@media (max-width: 950px) {
  .complete-photos .photos-form .editable-section .profile-photos {
    left: 50%;
    margin: 50px 0 0 -110px;
  }
}
.complete-photos .photos-form .editable-section .thumbnail-wrapper,
.complete-photos .photos-form .editable-section .thumbnail {
  max-width: 215px;
  max-height: 180px;
}
.complete-photos .profile-photos {
  margin: 75px 280px 0;
}
@media (max-width: 450px) {
  .complete-photos .profile-photos {
    z-index: 6;
  }
}
.complete-photos .profile-photos .popup-container.opened .popup {
  bottom: 50px;
}
.complete-photos .popup-container,
.complete-photos .popup-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.complete-photos .block-message {
  font-size: 17px;
  width: 400px;
  text-align: center;
  margin: auto;
}
.complete-photos .block-message .popup {
  width: 100%;
  box-sizing: border-box;
  color: #dd5859;
}
.complete-photos .block-message .popup::after {
  left: 50%;
  margin-left: -3px;
}
.complete-photos .block-message,
.complete-photos .block-message .approve {
  display: none;
}
.complete-photos .photos-empty .approve {
  display: none;
}
.complete-photos .photos-empty .block-message,
.complete-photos .photos-empty .block-message .approve {
  display: block;
}
.complete-photos .choose {
  display: none;
}
.complete-photos .popup-wrapper {
  position: absolute;
}
.complete-photos .shady.button {
  width: 95%;
  margin: 0 5px;
  top: 140px;
  position: absolute;
  padding: 0.785714em 1.78em;
}
.complete-photos .additional {
  width: 100%;
  height: 100%;
  display: block;
}
.role-commissions-operator .profile-container .representation {
  z-index: 5;
}
.profile-container .representation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: calc(100% - (215px + 40px*3));
  bottom: 8px;
  left: 295px;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  z-index: 1;
  background-color: transparent;
  color: white;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  text-align: left;
}
@media (max-width: 1440px) {
  .profile-container .representation {
    width: calc(100% - (215px + 30px*3));
    left: 275px;
  }
}
@media (max-width: 670px) {
  .profile-container .representation {
    width: calc(100% - (170px + 20px*3));
    bottom: 13px;
    left: 210px;
    font-size: 22px;
  }
}
@media (max-width: 499px) {
  .profile-container .representation {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .profile-container .representation {
    width: calc(100% - (120px + 15px*3));
    bottom: 14px;
    left: 150px;
  }
}
@media (max-width: 1700px) {
  .chat-opened .profile-container .representation {
    width: calc(100% - (215px + 40px*3));
    left: 295px;
  }
}
@media (max-width: 1530px) {
  .chat-opened .profile-container .representation {
    width: calc(100% - (170px + 40px*3));
    left: 250px;
    font-size: 22px;
  }
}
@media (max-width: 1440px) {
  .chat-opened .profile-container .representation {
    width: calc(100% - (170px + 30px*3));
    left: 230px;
  }
}
@media (max-width: 1385px) {
  .chat-opened .profile-container .representation {
    width: calc(100% - (120px + 30px*3));
    left: 180px;
    font-size: 18px;
  }
}
.suspended .profile-container .representation {
  display: none;
}
.profile-container .representation .credits-refill {
  margin-left: 40px;
}
@media (max-width: 1440px) {
  .profile-container .representation .credits-refill {
    margin-left: 30px;
  }
}
.profile-container .representation .description-container {
  flex-grow: 1;
  overflow: hidden;
}
.mirror .profile-container .representation .phrase-container {
  direction: rtl;
}
.profile-container .representation .text {
  vertical-align: bottom;
}
.profile-container .representation .phrase-name {
  margin: 0;
}
.profile-container .representation .phrase-name txt {
  max-width: 100%;
}
.profile-container .representation .phrase-name txt > span {
  vertical-align: middle;
}
.profile-container .representation .name-container {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
}
.profile-container .representation .name-age-container {
  display: inline-flex;
  max-width: 100%;
  flex-wrap: nowrap;
  align-items: flex-start;
  vertical-align: top;
}
.profile-container .representation .name-age-container .name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.profile-container .representation .name-age-container .age {
  white-space: nowrap;
}
.mine .profile-container .representation,
.role-users-operator .profile-container .representation {
  cursor: pointer;
}
.mine .profile-container .representation:hover,
.role-users-operator .profile-container .representation:hover {
  cursor: pointer;
}
.mine .profile-container .representation:hover .edit,
.role-users-operator .profile-container .representation:hover .edit {
  opacity: 0.6;
}
.mine .profile-container .representation .edit {
  top: -5px;
  vertical-align: bottom;
}
.profile-container .representation .promoter-overlords-selector-profile-container {
  margin-right: -20px;
  display: none;
}
@media (min-width: 951px) {
  .profile-container .representation .promoter-overlords-selector-profile-container {
    display: block;
  }
}
.profile-container .representation .promoter-overlords-selector-profile-container .promoter-overlords-select .selected {
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 20px;
  height: 40px;
}
.profile-container .representation .promoter-overlords-selector-profile-container .promoter-overlords-select .selected .thumbnail {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin-left: -5px;
}
.profile-container .representation .promoter-overlords-selector-profile-container .promoter-overlords-select .selected .name {
  color: white;
  width: 165px;
}
.profile-container .representation .promoter-overlords-selector-profile-container .promoter-overlords-select .selected .status-closed {
  border-top: 7px solid #fff;
}
.profile-container .representation .promoter-overlords-selector-profile-container .promoter-overlords-select .selected .status-opened {
  border-bottom: 7px solid #fff;
}
.profile-container .representation .promoter-overlords-selector-profile-container .promoter-overlords-select .promoter-overlords-list {
  top: 48px;
}
.profile-container .representation .suspend-curator-profile-container {
  margin-right: -20px;
  margin-left: 20px;
}
.profile-container .registration-date {
  font-size: 14px;
  position: absolute;
  top: -10px;
  width: 100%;
  line-height: 22px;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  cursor: default;
  text-align: center;
  transform: translateY(-100%);
}
.mine .profile-container .registration-date {
  display: none;
}
@media (max-width: 670px) {
  .profile-container .registration-date {
    display: none;
  }
}
.profile-container .block-registration-date {
  display: none;
  background: none;
  text-align: center;
}
.mine .profile-container .block-registration-date {
  display: none;
}
.profile-container .block-registration-date .registration-date {
  position: relative;
  top: 0;
  display: inline-block;
  width: auto;
  transform: none;
}
@media (max-width: 670px) {
  .profile-container .block-registration-date {
    display: table-row;
  }
}
.profile-container .connection-status {
  display: inline-block;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  white-space: nowrap;
  padding: 0 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  height: 24px;
  vertical-align: bottom;
  transition: none;
}
.mine .profile-container .connection-status,
.role-users-operator .profile-container .connection-status {
  display: none;
}
@media (max-width: 380px) {
  .profile-container .connection-status {
    font-size: 12px;
    padding: 0 5px;
  }
}
.webrtc.calls-enabled .user-profile.has-cam .profile-container.online .led {
  width: 22px;
  height: 13px;
  background: url('/i/icons/video-status.png?1492681579807') center center no-repeat;
  border-radius: 0;
}
@media (max-width: 380px) {
  .webrtc.calls-enabled .user-profile.has-cam .profile-container.online .led {
    width: 15px;
    height: 10px;
  }
}
.webrtc.calls-enabled .user-profile.has-cam.no-webapp.has-mobileapp .profile-container.online .led,
.user-profile.no-webapp.has-mobileapp .profile-container.online .led {
  width: 10px;
  height: 15px;
  background: url('/i/icons/mobileapp-status.png?1') center center no-repeat;
  border-radius: 0;
}
@media (max-width: 380px) {
  .webrtc.calls-enabled .user-profile.has-cam.no-webapp.has-mobileapp .profile-container.online .led,
  .user-profile.no-webapp.has-mobileapp .profile-container.online .led {
    height: 12px;
  }
}
.presence-mobileapp .profile-container.offline .led {
  width: 10px;
  height: 15px;
  background: url('/i/icons/mobileapp-status-offline.png?1') center center no-repeat;
  border-radius: 0;
}
@media (max-width: 380px) {
  .presence-mobileapp .profile-container.offline .led {
    height: 12px;
  }
}
.profile-container.offline.presence-mobileapp .led {
  width: 10px;
  height: 15px;
  background: url('/i/icons/mobileapp-status-offline.png?1') center center no-repeat;
  border-radius: 0;
}
@media (max-width: 380px) {
  .profile-container.offline.presence-mobileapp .led {
    height: 12px;
  }
}
.profile-container .led {
  top: 0;
  left: 0;
  position: inherit;
  display: inline-block;
  vertical-align: middle;
}
.same-users {
  overflow: hidden;
}
.suspended .same-users {
  display: none;
}
.same-users.loading {
  height: 200px;
}
.same-users.loading h3,
.same-users.loading .list {
  display: none;
}
.same-users .him,
.same-users .her {
  visibility: hidden;
}
.same-users.mal .him {
  visibility: visible;
}
.same-users.mal .her {
  display: none;
}
.same-users.fem .him {
  display: none;
}
.same-users.fem .her {
  visibility: visible;
}
.same-users h3 {
  margin-bottom: 13px;
  font-size: 20px;
  font-weight: bold;
  color: #222;
}
.mine .same-users,
.role-users-operator .same-users {
  display: none;
}
.same-users .list {
  margin: 0 -4px;
  white-space: nowrap;
  overflow: hidden;
}
.start-conversation {
  font-size: 0;
  display: table;
  position: relative;
  width: 100%;
  min-height: 44px;
  margin-top: 18px;
  /*  пользователь: онлайн /
    чат: закрыт /
    камера: нет /
    текст: нет */
  /*  пользователь: онлайн /
    чат: открыт /
    камера: нет /
    текст: нет */
  /*  пользователь: онлайн /
    чат: закрыт /
    камера: нет /
    текст: есть */
  /*  пользователь: онлайн /
    чат: открыт /
    камера: нет /
    текст: есть */
  /*  пользователь: онлайн /
    чат: закрыт /
    камера: есть /
    текст: нет */
  /*
    ОБЩИЕ СТИЛИ ДЛЯ ПРАВИЛ:
    пользователь: онлайн / чат: закрыт / камера: есть / текст: есть
    пользователь: онлайн / чат: закрыт / камера: есть / текст: есть / has-webrtc
*/
  /*
    ОБЩИЕ СТИЛИ ДЛЯ ПРАВИЛ:
    пользователь: онлайн / чат: закрыт / камера: есть / текст: есть
    пользователь: онлайн / чат: закрыт / камера: есть / текст: есть / has-webrtc
    пользователь: онлайн / чат: закрыт / камера: есть / текст: нет
    пользователь: онлайн / чат: закрыт / камера: есть / текст: нет / has-webrtc
*/
  /*
    пользователь: онлайн /
    чат: открыт /
    камера: есть /
    текст: есть
*/
  /*
    пользователь: онлайн /
    чат: открыт /
    камера: есть /
    текст: нет
*/
  /*
    ОБЩИЕ СТИЛИ ДЛЯ ПРАВИЛ:
    пользователь: онлайн / чат: открыт / камера: есть / текст: есть
    пользователь: онлайн / чат: открыт / камера: есть / текст: нет
    пользователь: онлайн / чат: открыт / камера: нет / текст: есть / has-webrtc
    пользователь: онлайн / чат: открыт / камера: нет / текст: нет / has-webrtc
*/
}
.suspended .start-conversation,
.mine .start-conversation,
.mine .private-info .start-conversation,
.role-users-operator .start-conversation {
  display: none;
}
.start-conversation .message-input {
  position: relative;
  display: table-cell;
  width: 100%;
}
.gallery-info .start-conversation .message-input {
  display: block;
}
.start-conversation .message-input button.send-message {
  display: block;
}
.start-conversation .field {
  width: 100%;
}
.start-conversation .field .message {
  font-size: 16px;
  height: 44px;
  padding: 0 210px 0 15px;
  border: 1px solid #eee;
  border-radius: 0.33333em;
}
.mirror .start-conversation .field .message {
  padding: 0 15px 0 210px;
}
.start-conversation .field .message::-ms-clear {
  width: 0;
  height: 0;
}
.start-conversation .smiles-wrapper {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px;
  margin-right: 181px;
}
.start-conversation .smiles-wrapper .smiles {
  padding: 14px;
}
.start-conversation .smiles-wrapper .smiles-list {
  text-align: center;
  width: 100%;
}
.start-conversation .smiles-wrapper .smiles-list > li {
  float: none;
  display: inline-block;
  margin: 5px 0 5px;
  width: calc(16.66666667%);
}
.start-conversation .smiles-wrapper .popup {
  width: 250px;
  margin-left: -125px;
}
.start-conversation .smiles-wrapper .popup::after {
  display: none;
}
.start-conversation .smiles-wrapper .popup-container.opened .popup {
  bottom: 120%;
}
.start-conversation .conversation-controls {
  display: table-cell;
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
}
.start-conversation .send-message,
.start-conversation .send-letter {
  position: absolute;
  right: 0;
  top: 0;
}
.start-conversation .button {
  display: none;
  font-size: 13px;
  text-transform: uppercase;
  border-top-right-radius: 0.33333em;
  border-bottom-right-radius: 0.33333em;
}
.start-conversation .send-message,
.start-conversation .send-letter,
.start-conversation .start-video,
.start-conversation .start-opponent-video,
.start-conversation .start-my-video {
  transition: none;
  width: 175px;
  height: 44px;
  box-sizing: border-box;
}
.start-conversation .send-call-invitation {
  width: 210px;
  height: 44px;
}
.start-conversation .send-message {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (max-width: 767px) {
  .start-conversation .send-message {
    border-radius: 0.33333em;
  }
}
.start-conversation .start-opponent-video .no-gender {
  display: inline;
}
.start-conversation .start-opponent-video .male,
.start-conversation .start-opponent-video .female {
  display: none;
}
.offline .start-conversation .message-input {
  display: none;
}
.offline .start-conversation .button.send-letter {
  display: inline-block;
}
@media (max-width: 1440px) {
  .offline .start-conversation .button.send-letter {
    width: 215px;
  }
}
@media (max-width: 1700px) {
  .chat-opened .offline .start-conversation .button.send-letter {
    width: 215px;
  }
}
@media (max-width: 1530px) {
  .chat-opened .offline .start-conversation .button.send-letter {
    width: 170px;
  }
}
@media (max-width: 1305px) {
  .chat-opened .offline .start-conversation .button.send-letter {
    width: 100%;
  }
}
.start-conversation .video-postfix,
.start-conversation .video-prefix {
  font-size: 16px;
  display: none;
  padding: 11px;
  color: #969696;
}
@media (max-width: 1070px) {
  .app-container.no-cam .online .empty .start-conversation .button.send-message,
  .user-profile.no-cam .online .empty .start-conversation .button.send-message,
  .calls-disabled .online .empty .start-conversation .button.send-message,
  .no-webrtc .online .empty .start-conversation .button.send-message {
    width: 215px;
  }
}
@media (max-width: 1023px) {
  .app-container.no-cam .online .empty .start-conversation .button.send-message,
  .user-profile.no-cam .online .empty .start-conversation .button.send-message,
  .calls-disabled .online .empty .start-conversation .button.send-message,
  .no-webrtc .online .empty .start-conversation .button.send-message {
    right: auto;
    left: 0;
    border-radius: 0.33333em;
  }
}
@media (max-width: 950px) {
  .app-container.no-cam .online .empty .start-conversation .button.send-message,
  .user-profile.no-cam .online .empty .start-conversation .button.send-message,
  .calls-disabled .online .empty .start-conversation .button.send-message,
  .no-webrtc .online .empty .start-conversation .button.send-message {
    width: 175px;
    right: 0;
    left: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 767px) {
  .app-container.no-cam .online .empty .start-conversation .button.send-message,
  .user-profile.no-cam .online .empty .start-conversation .button.send-message,
  .calls-disabled .online .empty .start-conversation .button.send-message,
  .no-webrtc .online .empty .start-conversation .button.send-message {
    width: 215px;
    right: auto;
    left: 0;
    border-radius: 0.33333em;
  }
}
@media (max-width: 670px) {
  .app-container.no-cam .online .empty .start-conversation .button.send-message,
  .user-profile.no-cam .online .empty .start-conversation .button.send-message,
  .calls-disabled .online .empty .start-conversation .button.send-message,
  .no-webrtc .online .empty .start-conversation .button.send-message {
    right: 0;
    left: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 530px) {
  .app-container.no-cam .online .empty .start-conversation .button.send-message,
  .user-profile.no-cam .online .empty .start-conversation .button.send-message,
  .calls-disabled .online .empty .start-conversation .button.send-message,
  .no-webrtc .online .empty .start-conversation .button.send-message {
    border-radius: 0.33333em;
  }
}
@media (max-width: 1023px) {
  .app-container.no-cam .online .empty .start-conversation .field,
  .user-profile.no-cam .online .empty .start-conversation .field,
  .calls-disabled .online .empty .start-conversation .field,
  .no-webrtc .online .empty .start-conversation .field {
    display: none;
  }
}
@media (max-width: 950px) {
  .app-container.no-cam .online .empty .start-conversation .field,
  .user-profile.no-cam .online .empty .start-conversation .field,
  .calls-disabled .online .empty .start-conversation .field,
  .no-webrtc .online .empty .start-conversation .field {
    display: block;
  }
}
@media (max-width: 767px) {
  .app-container.no-cam .online .empty .start-conversation .field,
  .user-profile.no-cam .online .empty .start-conversation .field,
  .calls-disabled .online .empty .start-conversation .field,
  .no-webrtc .online .empty .start-conversation .field {
    display: none;
  }
}
@media (max-width: 670px) {
  .app-container.no-cam .online .empty .start-conversation .field,
  .user-profile.no-cam .online .empty .start-conversation .field,
  .calls-disabled .online .empty .start-conversation .field,
  .no-webrtc .online .empty .start-conversation .field {
    display: block;
  }
}
@media (max-width: 530px) {
  .app-container.no-cam .online .empty .start-conversation .field,
  .user-profile.no-cam .online .empty .start-conversation .field,
  .calls-disabled .online .empty .start-conversation .field,
  .no-webrtc .online .empty .start-conversation .field {
    display: none;
  }
}
@media (max-width: 1700px) {
  .chat-opened .user-profile.no-cam .online .empty .start-conversation .field,
  .chat-opened .user-profile.no-cam .online .empty .start-conversation .field,
  .chat-opened .user-profile.no-cam.no-webrtc .online .empty .start-conversation .field {
    display: none;
  }
}
@media (max-width: 1530px) {
  .chat-opened .user-profile.no-cam .online .empty .start-conversation .field,
  .chat-opened .user-profile.no-cam .online .empty .start-conversation .field,
  .chat-opened .user-profile.no-cam.no-webrtc .online .empty .start-conversation .field {
    display: block;
  }
}
@media (max-width: 1700px) {
  .chat-opened .user-profile.no-cam .online .empty .start-conversation .send-message,
  .chat-opened .user-profile.no-cam .online .empty .start-conversation .send-message,
  .chat-opened .user-profile.no-cam.no-webrtc .online .empty .start-conversation .send-message {
    right: auto;
    left: 0;
    border-radius: 0.33333em;
  }
}
@media (max-width: 1530px) {
  .chat-opened .user-profile.no-cam .online .empty .start-conversation .send-message,
  .chat-opened .user-profile.no-cam .online .empty .start-conversation .send-message,
  .chat-opened .user-profile.no-cam.no-webrtc .online .empty .start-conversation .send-message {
    right: 0;
    left: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 1385px) {
  .chat-opened .user-profile.no-cam .online .empty .start-conversation .send-message,
  .chat-opened .user-profile.no-cam .online .empty .start-conversation .send-message,
  .chat-opened .user-profile.no-cam.no-webrtc .online .empty .start-conversation .send-message {
    border-radius: 0.33333em;
  }
}
@media (max-width: 950px) {
  .start-conversation .button.send-message {
    right: 0;
    left: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .chat-opened .start-conversation .button.send-message {
    border-radius: 0.33333em;
  }
}
@media (max-width: 780px) {
  .start-conversation .button.send-message {
    right: 0;
    left: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 530px) {
  .start-conversation .button.send-message {
    border-radius: 0.33333em;
  }
}
@media (max-width: 950px) {
  .app-container.no-cam .online .start-conversation .field,
  .user-profile.no-cam .online .start-conversation .field,
  .calls-disabled .online .start-conversation .field,
  .no-webrtc .online .start-conversation .field {
    display: block;
  }
}
@media (max-width: 530px) {
  .app-container.no-cam .online .start-conversation .field,
  .user-profile.no-cam .online .start-conversation .field,
  .calls-disabled .online .start-conversation .field,
  .no-webrtc .online .start-conversation .field {
    display: none;
  }
}
.app-container.no-cam .online .start-conversation .button.send-message,
.no-cam .online .start-conversation .button.send-message,
.calls-disabled .online .start-conversation .button.send-message,
.no-webrtc .online .start-conversation .button.send-message {
  display: inline-block;
}
@media (max-width: 1700px) {
  .chat-opened .user-profile.no-cam .online .start-conversation .field,
  .chat-opened .user-profile.no-cam.no-webrtc .online .start-conversation .field {
    display: block;
  }
}
@media (max-width: 1385px) {
  .chat-opened .user-profile.no-cam .online .start-conversation .field,
  .chat-opened .user-profile.no-cam.no-webrtc .online .start-conversation .field {
    display: none;
  }
}
@media (max-width: 1700px) {
  .chat-opened .user-profile.no-cam .online .start-conversation .send-message,
  .chat-opened .user-profile.no-cam.no-webrtc .online .start-conversation .send-message {
    right: 0;
    left: auto;
    width: 175px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 1385px) {
  .chat-opened .user-profile.no-cam .online .start-conversation .send-message,
  .chat-opened .user-profile.no-cam.no-webrtc .online .start-conversation .send-message {
    width: 100%;
    border-radius: 0.33333em;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation {
    width: 100%;
  }
}
@media (max-width: 670px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation {
    margin-top: 0;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .message-input {
    width: 48%;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .message-input {
    width: 100%;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .field {
    display: none;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .button.send-message {
    width: 100%;
    border-radius: 0.33333em;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls {
    width: 52%;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls {
    width: initial;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .video-prefix {
    width: 15%;
    box-sizing: border-box;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .video-prefix {
    width: initial;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.video {
    width: 85%;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.video {
    width: 175px;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.send-call-invitation {
    width: 210px;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation {
    width: calc(100%  - 245px);
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation {
    width: 100%;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .message-input {
    width: 48%;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .message-input {
    width: 100%;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .field {
    display: none;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .field {
    display: block;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .button.send-message {
    width: 100%;
    border-radius: 0.33333em;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .button.send-message {
    right: 0;
    left: auto;
    width: 175px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls {
    width: 52%;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls {
    width: initial;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .video-prefix {
    width: 15%;
    box-sizing: border-box;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .video-prefix {
    width: initial;
  }
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .button.video {
    width: 85%;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .button.video {
    width: 175px;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .button.send-call-invitation {
    width: 210px;
  }
}
@media (max-width: 1010px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .message-input,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .message-input {
    width: 48%;
  }
}
@media (max-width: 950px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .message-input,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .message-input {
    width: 100%;
  }
}
@media (max-width: 740px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .message-input,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .message-input {
    width: 48%;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .field,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .field {
    display: block;
  }
}
@media (max-width: 1010px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .field,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .field {
    display: none;
  }
}
@media (max-width: 950px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .field,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .field {
    display: block;
  }
}
@media (max-width: 740px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .field,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .field {
    display: none;
  }
}
@media (max-width: 1070px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .button.send-message {
    right: 0;
    left: auto;
    width: 175px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 1010px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .button.send-message {
    width: 100%;
    border-radius: 0.33333em;
  }
}
@media (max-width: 950px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .button.send-message {
    right: 0;
    left: auto;
    width: 175px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 740px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .button.send-message {
    width: 100%;
    border-radius: 0.33333em;
  }
}
@media (max-width: 1010px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls {
    width: 52%;
  }
}
@media (max-width: 950px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls {
    width: initial;
  }
}
@media (max-width: 740px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls {
    width: 52%;
  }
}
@media (max-width: 1010px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .video-prefix {
    width: 15%;
    box-sizing: border-box;
  }
}
@media (max-width: 950px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .video-prefix {
    width: initial;
  }
}
@media (max-width: 740px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .video-prefix {
    width: 15%;
    box-sizing: border-box;
  }
}
@media (max-width: 1010px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.video {
    width: 85%;
  }
}
@media (max-width: 950px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.video {
    width: 175px;
  }
}
@media (max-width: 740px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.video {
    width: 85%;
  }
}
@media (max-width: 530px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.video {
    width: 100%;
  }
}
@media (max-width: 950px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.send-call-invitation {
    width: 210px;
  }
}
@media (max-width: 740px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.send-call-invitation {
    width: 85%;
  }
}
@media (max-width: 530px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.send-call-invitation {
    width: 100%;
  }
}
@media (max-width: 530px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .message-input,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls {
    width: 100%;
  }
}
.webrtc.calls-enabled.has-cam.role-promoter .has-cam .online .start-conversation .button.send-call-invitation,
.webrtc.calls-enabled.no-cam.role-promoter .has-cam .online .start-conversation .button.send-call-invitation,
.webrtc.calls-enabled.has-cam.role-promoter .no-cam.has-webrtc .online .start-conversation .button.send-call-invitation {
  display: inline-block;
}
.webrtc.calls-enabled.has-cam:not(.role-promoter) .has-cam .online .start-conversation .button.start-video {
  display: inline-block;
}
.webrtc.calls-enabled.no-cam:not(.role-promoter) .has-cam .online .start-conversation .button.start-opponent-video {
  display: inline-block;
}
.webrtc.calls-enabled.no-cam:not(.role-promoter) .has-cam .online .start-conversation .button.start-opponent-video::before {
  left: 50%;
  margin-left: -75px;
}
@media (max-width: 1279px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation {
    width: 100%;
  }
}
@media (max-width: 1980px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .message-input,
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls {
    display: table-cell;
  }
}
@media (max-width: 1910px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .message-input {
    width: 48%;
  }
}
@media (max-width: 1910px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .field,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .field {
    display: none;
  }
}
@media (max-width: 1910px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .button.send-message {
    width: 100%;
    border-radius: 0.33333em;
  }
}
@media (max-width: 1910px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls {
    width: 52%;
  }
}
@media (max-width: 1910px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .video-prefix {
    width: 15%;
    box-sizing: border-box;
  }
}
@media (max-width: 1910px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .button.video,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .button.video,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .button.video {
    width: 85%;
  }
}
@media (max-width: 1700px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation {
    width: 100%;
    margin-top: 45px;
  }
}
@media (max-width: 1530px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation {
    margin-top: 0;
  }
}
@media (max-width: 1700px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .message-input {
    width: 100%;
  }
}
@media (max-width: 1660px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .message-input {
    width: 48%;
  }
}
@media (max-width: 1700px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .field {
    display: block;
  }
}
@media (max-width: 1660px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .field,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .field {
    display: none;
  }
}
@media (max-width: 1700px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .button.send-message {
    right: 0;
    left: auto;
    width: 175px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 1660px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .button.send-message,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .button.send-message {
    width: 100%;
    border-radius: 0.33333em;
  }
}
@media (max-width: 1700px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls {
    width: initial;
  }
}
@media (max-width: 1660px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls {
    width: 52%;
  }
}
@media (max-width: 1700px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .video-prefix {
    width: initial;
  }
}
@media (max-width: 1660px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .video-prefix {
    width: 15%;
    box-sizing: border-box;
  }
}
@media (max-width: 1700px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.video {
    width: 175px;
  }
}
@media (max-width: 1660px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.video {
    width: 85%;
  }
}
@media (max-width: 1700px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.send-call-invitation {
    width: 210px;
  }
}
@media (max-width: 1660px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.send-call-invitation,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.send-call-invitation {
    width: 85%;
  }
}
@media (max-width: 1400px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .message-input,
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .message-input {
    display: block;
    width: 100%;
    height: 44px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1400px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls {
    display: block;
    width: 100%;
  }
}
@media (max-width: 1400px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .video-prefix {
    display: none;
  }
}
@media (max-width: 1400px) {
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.no-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.chat-opened .user-profile.has-cam .online .empty .start-conversation .conversation-controls .button.video,
  .webrtc.calls-enabled.has-cam.chat-opened.role-promoter .user-profile.no-cam.has-webrtc .online .empty .start-conversation .conversation-controls .button.video {
    width: 100%;
  }
}
@media (max-width: 530px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls .video-prefix,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls .video-prefix {
    display: none;
  }
}
@media (max-width: 530px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .message-input,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .message-input,
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .conversation-controls,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .conversation-controls {
    display: block;
  }
}
@media (max-width: 767px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .button.video {
    width: 85%;
  }
}
@media (max-width: 530px) {
  .webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .button.video,
  .webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .button.video,
  .webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .button.video {
    width: 100%;
  }
}
.webrtc.calls-enabled.no-cam .user-profile.has-cam .online .start-conversation .video-prefix,
.webrtc.calls-enabled.has-cam .user-profile.has-cam .online .start-conversation .video-prefix,
.webrtc.calls-enabled.has-cam.role-promoter .user-profile.no-cam.has-webrtc .online .start-conversation .video-prefix {
  display: inline-block;
}
.webrtc.calls-enabled.no-cam .photos.has-cam .online .start-conversation .video-postfix,
.webrtc.calls-enabled.has-cam .photos.has-cam .online .start-conversation .video-postfix,
.webrtc.calls-enabled.has-cam .photos.no-cam.has-webrtc .online .start-conversation .video-postfix {
  display: block;
}
.webrtc.calls-enabled.has-cam:not(.role-promoter) .photos.no-cam.has-webrtc .online .start-conversation .video-postfix {
  display: none;
}
.webrtc.calls-enabled.no-cam .has-cam .online .start-conversation .button.send-message,
.webrtc.calls-enabled.has-cam .has-cam .online .start-conversation .button.send-message,
.webrtc.calls-enabled.has-cam .no-cam.has-webrtc .online .start-conversation .button.send-message {
  display: inline-block;
}
.webrtc.calls-enabled.no-cam .has-cam.female .online .start-conversation .button.start-opponent-video .no-gender {
  display: none;
}
.webrtc.calls-enabled.no-cam .has-cam.female .online .start-conversation .button.start-opponent-video .female {
  display: inline;
}
.webrtc.calls-enabled.no-cam .has-cam.male .online .start-conversation .button.start-opponent-video .no-gender {
  display: none;
}
.webrtc.calls-enabled.no-cam .has-cam.male .online .start-conversation .button.start-opponent-video .male {
  display: inline;
}
.helpdesk iframe {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: auto;
}
.app-overlay.help-center {
  overflow: hidden;
}
.app-overlay.help-center .overlay-container .inner {
  height: 100%;
  max-height: 760px;
}
.app-overlay.help-center .overlay-container .inner .frame {
  height: 100%;
  max-height: 760px;
}
.app-overlay.help-center .overlay-container .inner .frame .content {
  height: 100%;
  max-height: 760px;
}
@media screen and (max-width: 550px) {
  .app-overlay.help-center .overlay-container {
    width: 100%;
  }
  .app-overlay.help-center .overlay-container .inner {
    max-height: 100%;
  }
  .app-overlay.help-center .overlay-container .inner .frame {
    max-height: 100%;
  }
  .app-overlay.help-center .overlay-container .inner .frame .content {
    max-height: 100%;
  }
}
.help-center .widget-container {
  width: 992px;
  height: 100%;
  max-height: 760px;
  max-width: 992px;
  padding: 30px;
}
@media screen and (max-width: 550px) {
  .help-center .widget-container {
    width: 100%;
    max-height: 100%;
    min-width: 0;
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .help-center .widget-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
}
@media (min-width: 550px) {
  .help-center .widget-container {
    width: 420px;
    padding: 12px;
  }
}
@media (min-width: 760px) {
  .help-center .widget-container {
    width: 600px;
  }
}
@media (min-width: 1060px) {
  .help-center .widget-container {
    width: 992px;
    padding: 30px;
  }
}
.desk-chat {
  font-family: "Open Sans", sans-serif;
  position: fixed;
  bottom: 0;
  left: 25px;
  z-index: 2;
  transition: bottom 0.5s;
}
@media (max-width: 479px) {
  .desk-chat {
    left: 15px;
  }
}
.desk-chat.whatsapp-support .desk-chat-body .whatsapp-support {
  display: block;
}
.hud-hidden .desk-chat {
  bottom: -30px;
}
.desk-chat .desk-chat-body {
  display: block;
  width: 336px;
  border: 1px solid #eee;
  border-bottom-width: 0;
  border-radius: 6px 6px 0 0;
  background: #f5f5f5;
}
.desk-chat .desk-chat-body .widget-container {
  height: 282px;
}
.desk-chat.chat-closed .desk-chat-body {
  display: none;
}
.desk-chat.chat-closed.new-message .desk-chat-button {
  -webkit-animation: blinker 1.25s linear infinite;
  -moz-animation: blinker 1.25s linear infinite;
  animation: blinker 1.25s linear infinite;
}
@-moz-keyframes blinker {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes blinker {
  50% {
    opacity: 0;
  }
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.desk-chat .desk-chat-head {
  font-size: 0.88em;
  position: relative;
  padding: 10px 0 10px 18px;
  border-bottom: 1px solid #eee;
  border-radius: 5px 5px 0 0;
  background: #fff;
  color: #555;
  font-weight: bold;
}
.desk-chat .connection-status {
  display: inline-block;
  margin-left: 6px;
  vertical-align: top;
}
.desk-chat .connection-status .led {
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
}
.desk-chat .close {
  right: 12px;
  opacity: 1;
}
.desk-chat .desc-phrase {
  font-size: 13px;
  margin: 0;
  line-height: 18px;
  color: #8f8f8f;
  font-weight: normal;
  padding: 12px 20px 36px;
}
.desk-chat .desc-phrase .support-banners {
  padding: 10px;
  background-color: white;
  border: 1px solid #eee;
  border-radius: 2px;
  color: #222;
  margin-top: 12px;
  margin-bottom: 0;
}
.desk-chat .desc-phrase .support-banners a {
  text-decoration: none;
}
.desk-chat .desc-phrase .whatsapp-support {
  display: none;
}
.desk-chat .desc-phrase .whatsapp-support i {
  width: 26px;
  height: 26px;
  display: inline-block;
  margin: -4px 10px -8px 0;
  background: url('/i/svg/whatsapp-phone-bubble.svg?1') center center no-repeat;
}
.desk-chat .desc-phrase .facebook-support {
  margin-top: 24px;
}
.desk-chat .desc-phrase .facebook-support i {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: -6px 10px -8px 0;
  background: url('/i/svg/facebook-messenger.svg') center center no-repeat;
  background-size: cover;
}
.desk-chat .desc-phrase .facebook-support .fb-bot {
  display: none;
}
.tag-customer .desk-chat .desc-phrase .facebook-support .fb-bot.fb-customer {
  display: initial;
}
.app-container:not(.tag-customer) .desk-chat .desc-phrase .facebook-support .fb-bot.fb-not-customer {
  display: initial;
}
.desk-chat .desc-phrase .whatsapp-support.hidden + .facebook-support {
  margin-top: 0;
}
.desk-chat .desc-phrase .facebook-support-banner:first-child {
  margin-top: 0;
}
.desk-chat .live-chat .desc-phrase {
  padding-bottom: 0;
}
.desk-chat .aivo-container {
  padding: 10px 20px;
  overflow: hidden;
}
.desk-chat #AgentAppContainer .aivochat-main {
  height: calc(100% - 35px);
}
.desk-chat #AgentAppContainer .aivochat-window-embedded {
  min-height: 282px;
}
.desk-chat #AgentAppContainer .aivochat-window-embedded .aivochat-embed {
  height: 282px;
  position: fixed;
}
.desk-chat #AgentAppContainer .aivochat-window-embedded .aivochat-embed iframe {
  max-height: 282px;
}
.desk-chat #AgentAppContainer .aivochat-window-embedded .aivochat-embed .aivochat-embed-back {
  display: none;
}
.desk-chat #AgentAppContainer .aivochat-container {
  width: 100%;
  height: 100%;
  min-height: 0;
  box-shadow: none;
  border: 1px solid #eee;
  box-sizing: border-box;
}
.desk-chat #AgentAppContainer .aivochat-launcher {
  display: none;
}
.desk-chat #AgentAppContainer .aivochat-footer {
  display: none;
}
#AgentAppContainer .aivochat-launcher {
  display: none !important;
}
.mirror + .desk-chat {
  left: auto;
  right: 25px;
}
@media (max-width: 479px) {
  .mirror + .desk-chat {
    right: 15px;
  }
}
.helpdesk-email .widget-container {
  height: 445px;
  padding: 30px;
}
.helpdesk-email.content-container {
  background: #f5f5f5;
}
.helpdesk-email .helpdesk-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #eee;
  padding: 30px 0;
  text-align: center;
}
.helpdesk-email .helpdesk-footer span {
  font-weight: 600;
}
.helpdesk .desk-buttons-support .chat-button,
.helpdesk .desk-buttons-support .help-center-button {
  font-size: 0.81em;
  position: relative;
  margin-bottom: 0;
  padding: 5px 13px 5px 34px;
  border: 0 none;
  border-radius: 5px 5px 0 0;
  background: #00b15e;
  color: #fff;
  font-weight: 600;
  outline: none;
  cursor: pointer;
}
.helpdesk .desk-buttons-support .chat-button::before,
.helpdesk .desk-buttons-support .help-center-button::before {
  display: block;
  position: absolute;
  top: 6px;
  left: 9px;
  width: 14px;
  height: 14px;
  background: url('/i/desk-question.png?1') no-repeat;
  content: "";
}
.helpdesk .desk-buttons-support .chat-button .vip-text,
.helpdesk .desk-buttons-support .help-center-button .vip-text {
  display: none;
}
.tag-credits-accounts-vip .helpdesk .desk-buttons-support .chat-button,
.tag-credits-accounts-vip .helpdesk .desk-buttons-support .help-center-button {
  background: linear-gradient(to right, #ffc249 0%, #ffbd69 100%);
}
.tag-credits-accounts-vip .helpdesk .desk-buttons-support .chat-button .vip-text,
.tag-credits-accounts-vip .helpdesk .desk-buttons-support .help-center-button .vip-text {
  display: block;
}
.tag-credits-accounts-vip .helpdesk .desk-buttons-support .chat-button .text,
.tag-credits-accounts-vip .helpdesk .desk-buttons-support .help-center-button .text {
  display: none;
}
.helpdesk .desk-buttons-support .chat-button {
  display: none;
  width: 100%;
  height: 100%;
}
.helpdesk .desk-buttons-support .help-center-button {
  background: grey;
  display: block;
}
.helpdesk .desk-buttons-support .help-center-button a {
  color: white;
  text-decoration: none;
  border-bottom: none;
}
.helpdesk .desk-buttons-support.agent-online .help-center-button {
  display: none;
}
.helpdesk .desk-buttons-support.agent-online .chat-button {
  display: block;
}
.ios-env .helpdesk .desk-buttons-support.agent-online .help-center-button,
.android-env .helpdesk .desk-buttons-support.agent-online .help-center-button {
  display: block;
}
.ios-env .helpdesk .desk-buttons-support.agent-online .chat-button,
.android-env .helpdesk .desk-buttons-support.agent-online .chat-button {
  display: none;
}
.helpdesk.facebook-support .fb-bot,
.helpdesk.whatsapp-support .fb-bot {
  display: none;
}
.tag-customer .helpdesk.facebook-support .fb-bot.fb-customer,
.tag-customer .helpdesk.whatsapp-support .fb-bot.fb-customer {
  display: initial;
}
.app-container:not(.tag-customer) .helpdesk.facebook-support .fb-bot.fb-not-customer,
.app-container:not(.tag-customer) .helpdesk.whatsapp-support .fb-bot.fb-not-customer {
  display: initial;
}
.helpdesk.facebook-support .desk-buttons-support.agent-online .help-center-button,
.helpdesk.whatsapp-support .desk-buttons-support.agent-online .help-center-button {
  display: none;
}
.helpdesk.facebook-support .desk-buttons-support.agent-online .chat-button,
.helpdesk.whatsapp-support .desk-buttons-support.agent-online .chat-button {
  display: block;
}
.register-form {
  padding: 55px 225px 50px 225px;
}
@media (max-width: 945px) {
  .register-form {
    width: 446px;
    padding: 30px 137px;
  }
}
@media (max-width: 767px) {
  .register-form {
    width: 384px;
    padding: 30px 96px 90px 96px;
  }
}
@media (max-width: 599px) {
  .register-form {
    width: 336px;
    padding: 20px 64px 12px 64px;
  }
}
@media (max-width: 479px) {
  .register-form {
    width: 272px;
    padding: 21px 16px 14px 16px;
  }
}
.register-form .title {
  font-size: 33px;
  line-height: 40px;
  width: 490px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 40px;
  color: #666;
}
@media (max-width: 945px) {
  .register-form .title {
    margin: 0 40px 30px 40px;
    width: auto;
    font-size: 25px;
    line-height: 33px;
  }
}
@media (max-width: 767px) {
  .register-form .title {
    margin: 0 0 70px 0;
  }
}
@media (max-width: 599px) {
  .register-form .title {
    margin: 0 35px 80px 35px;
    font-size: 18px;
    line-height: 23px;
  }
}
@media (max-width: 479px) {
  .register-form .title {
    margin: 0 0 77px 0;
    font-size: 18px;
    line-height: 23px;
  }
}
.register-form .text {
  text-align: center;
}
.register-form .subtitle {
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 20px 0;
  color: #666;
}
@media (max-width: 945px) {
  .register-form .subtitle {
    font-size: 16px;
  }
}
@media (max-width: 599px) {
  .register-form .subtitle {
    font-size: 15px;
  }
}
.register-form .button.emblem {
  -webkit-flex: 0 1 49%;
  -moz-flex: 0 1 49%;
  -ms-flex: 0 1 49%;
  -o-flex: 0 1 49%;
  flex: 0 1 49%;
  font-size: 16px;
  height: 55px;
  padding: 0 10px;
  box-sizing: border-box;
  display: block;
  border-radius: 3px;
  text-align: center;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
}
@media (max-width: 945px) {
  .register-form .button.emblem {
    height: 40px;
    font-size: 13px;
  }
}
@media (max-width: 599px) {
  .register-form .button.emblem span {
    display: none;
  }
}
@media (max-width: 479px) {
  .register-form .button.emblem {
    font-size: 11px;
  }
}
.register-form .button.emblem::before {
  position: relative;
  left: 0;
}
.register-form .button.emblem.facebook::before {
  position: relative;
  left: 0;
}
.register-form .button.emblem.google-logo::before {
  display: none;
}
.register-form .facebook-note {
  text-align: center;
  font-size: 12px;
  margin-top: 5px;
}
@media (max-width: 945px) {
  .register-form .facebook-note {
    margin-top: 2px;
  }
}
.register-form .alt-registration .subtitle,
.register-form .alt-registration .controls,
.register-form .alt-registration .facebook-note,
.register-form .alt-registration .separator {
  display: none;
}
.register-form .alt-registration .controls {
  margin: 0 auto 10px;
}
@media (max-width: 945px) {
  .register-form .alt-registration .controls {
    max-width: 375px;
  }
}
.register-form .alt-registration.facebook-registration .subtitle,
.register-form .alt-registration.google-registration .subtitle,
.register-form .alt-registration.facebook-registration .facebook-note,
.register-form .alt-registration.google-registration .facebook-note {
  display: block;
}
.register-form .alt-registration.facebook-registration .separator,
.register-form .alt-registration.google-registration .separator {
  display: flex;
}
.register-form .alt-registration.facebook-registration .controls,
.register-form .alt-registration.google-registration .controls {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 945px) {
  .register-form .alt-registration.facebook-registration:not(.google-registration) .controls,
  .register-form .alt-registration.google-registration:not(.facebook-registration) .controls {
    max-width: 300px;
  }
}
.register-form .alt-registration.facebook-registration:not(.google-registration) .emblem,
.register-form .alt-registration.google-registration:not(.facebook-registration) .emblem {
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  -o-flex: 0 0 100%;
  flex: 0 0 100%;
}
.register-form .alt-registration.facebook-registration:not(.google-registration) .google-logo {
  display: none;
}
.register-form .alt-registration.google-registration:not(.facebook-registration) .facebook {
  display: none;
}
.register-form.sign-up .emblem::before {
  display: block;
}
.register-form.sign-in {
  padding-left: 145px;
  padding-right: 145px;
}
.register-form.sign-in .title,
.register-form.sign-in .subtitle {
  display: none;
}
.register-form .separator {
  align-items: center;
  width: 100%;
  margin: 35px 0;
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 945px) {
  .register-form .separator {
    width: auto;
    margin: 35px;
  }
}
.register-form .separator .line {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.register-form .separator .text {
  margin: 0 15px;
}
@media (max-width: 945px) {
  .register-form .separator .text {
    font-size: 13px;
  }
}
.register-form .email-register-section {
  margin: auto;
}
.register-form .email-register-section .hint-container.opened .hint {
  margin-bottom: 18px;
}
.register-form .email-register-section .hint {
  padding: 12px 30px;
}
.register-form .email-register-section .error {
  overflow: hidden;
}
.register-form .email-register-section .error .hint {
  padding: 12px 50px;
}
@media (max-width: 945px) {
  .register-form .email-register-section {
    text-align: center;
    width: 375px;
  }
  .register-form .email-register-section .error .hint {
    padding: 12px;
  }
}
@media (max-width: 599px) {
  .register-form .email-register-section {
    width: 100%;
  }
  .register-form .email-register-section .hint {
    padding: 12px;
  }
}
.register-form .email-register-section .data {
  height: 55px;
  border: 1px solid #eee;
  border-radius: 3px;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 945px) {
  .register-form .email-register-section .data {
    height: 42px;
    width: 100%;
    font-size: 16px;
  }
}
@media (max-width: 599px) {
  .register-form .email-register-section .data {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .register-form .email-register-section .data {
    width: 272px;
  }
}
.register-form .email-register-section .invalid .data {
  border-color: #f00;
}
.register-form .email-register-section .email {
  margin-bottom: 7px;
}
@media (max-width: 945px) {
  .register-form .email-register-section .email {
    margin-bottom: 9px;
  }
}
.register-form .email-register-section .approve {
  font-size: 16px;
  width: 100%;
  height: 55px;
  box-sizing: border-box;
  border-radius: 3px;
  text-transform: uppercase;
  margin: 25px 0 40px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
}
@media (max-width: 945px) {
  .register-form .email-register-section .approve {
    height: 40px;
    margin: 15px 0 35px;
    font-size: 14px;
  }
}
@media (max-width: 599px) {
  .register-form .email-register-section .approve {
    width: 100%;
    margin-bottom: 90px;
  }
}
@media (max-width: 320px) {
  .register-form .email-register-section .approve {
    width: 272px;
    font-size: 12px;
  }
}
.register-form .note {
  color: #222;
}
.register-form .note a {
  color: #222;
}
.register-form .note a[href^="#"] {
  border-bottom: 1px dotted #222;
}
.communication-panel {
  display: block;
  position: fixed;
  bottom: 0;
  top: 0;
  padding-top: 87px;
  right: 10px;
  width: 264px;
  z-index: 2;
  box-sizing: border-box;
  font-size: 0.75em;
  transition: padding-top 0.5s;
}
@-webkit-keyframes slideUpReturn {
  0% {
    margin-top: -60px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes slideUpReturn {
  0% {
    margin-top: -60px;
  }
  100% {
    margin-top: 0;
  }
}
.communication-panel .slideUpReturn {
  animation-duration: 400ms;
  -webkit-animation-name: slideUpReturn;
  animation-name: slideUpReturn;
}
@-webkit-keyframes scaleDown {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes scaleDown {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.communication-panel .removing {
  animation-duration: 400ms;
  -webkit-animation-name: scaleDown;
  animation-name: scaleDown;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.role-curator .communication-panel .slideUpReturn {
  display: none;
}
@media (max-width: 1279px) {
  .communication-panel {
    right: 25px;
  }
}
@media (max-width: 950px) {
  .communication-panel {
    display: none;
  }
}
@media (max-width: 600px) {
  .communication-panel {
    right: calc(50% - 152px);
    padding-top: 64px;
  }
}
.smartbanner-show .communication-panel {
  margin-top: 80px;
}
.no-header .communication-panel {
  padding-top: 0;
}
.communication-panel .popup-container {
  left: 0;
  bottom: -9999px;
  position: absolute;
  z-index: 3;
}
@media (max-width: 950px) {
  .communication-panel .popup-container {
    top: -9999px;
  }
}
.communication-panel .popup-container .top {
  margin: 0 !important;
}
.communication-panel .popup-container.opened {
  bottom: 20px;
}
@media (max-width: 950px) {
  .communication-panel .popup-container.opened {
    top: 132px;
  }
}
@media (max-width: 600px) {
  .communication-panel .popup-container.opened {
    top: 114px;
  }
}
@media (max-width: 360px) {
  .communication-panel .popup-container.opened {
    top: 96px;
  }
}
.communication-panel .invites-wrapper {
  right: 100%;
  bottom: 100%;
  margin-right: 25px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
}
@media (max-width: 950px) {
  .communication-panel .invites-wrapper {
    margin-right: 0;
  }
}
@media (max-width: 360px) {
  .communication-panel .invites-wrapper {
    margin-right: -18px;
  }
}
.communication-panel .invites-wrapper.blured {
  filter: none;
}
.communication-panel .invites-wrapper.blured::after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  filter: blur(5px);
}
.communication-panel .tinIn {
  animation-duration: 1s;
  animation-name: tinDownIn;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: tinDownIn;
}
@media (max-width: 950px) {
  .communication-panel .tinIn {
    animation-name: tinUpIn;
    -webkit-animation-name: tinUpIn;
  }
}
.communication-panel .tinOut {
  animation-duration: 1s;
  animation-name: tinDownOut;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: tinDownOut;
}
@media (max-width: 950px) {
  .communication-panel .tinOut {
    animation-name: tinUpOut;
    -webkit-animation-name: tinUpOut;
  }
}
@-webkit-keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinDownIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes tinDownOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
  }
}
@keyframes tinDownOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    transform: scale(1, 1) translateY(900%);
  }
}
@-webkit-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinUpIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes tinUpOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
  }
}
@keyframes tinUpOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    transform: scale(1, 1) translateY(-900%);
  }
}
.blocked .communication-panel {
  z-index: 2;
}
.communication-panel .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.communication-panel .panel-block {
  border-radius: 10px;
  border: 1px solid #eee;
  position: relative;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: table;
  background: white;
  overflow: hidden;
}
.communication-panel .row-wrapper {
  display: table-row;
}
.communication-panel .row-wrapper.content {
  height: 100%;
}
.communication-panel .row-wrapper .cell {
  display: table-cell;
  height: 100%;
}
.communication-panel .row-wrapper .header {
  border-bottom: 1px solid #eee;
}
.communication-panel .row-wrapper .header .more,
.communication-panel .row-wrapper .header .less {
  text-transform: uppercase;
  font-size: 10px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 13px;
  text-decoration: none;
  cursor: pointer;
  color: #00b15e;
  font-weight: bold;
}
.communication-panel .information {
  position: absolute;
  padding: 0 29px;
  top: 50%;
  text-align: center;
  right: auto;
  width: 100%;
  height: auto;
  margin-top: -50px;
}
.communication-panel .nano {
  height: 100%;
}
.communication-panel .close {
  height: 17px;
  top: 30px;
  width: 17px;
}
.communication-panel .close.clear-search {
  top: 11px;
  right: -24px;
}
.chat-list-wrapper,
.follow-up-list-wrapper,
.notification-list-wrapper {
  transition: height 0.5s, padding 0.5s;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-size: 12px;
}
.chat-list-wrapper .total-cheers,
.follow-up-list-wrapper .total-cheers,
.notification-list-wrapper .total-cheers {
  display: none;
}
.chat-list-wrapper .header,
.follow-up-list-wrapper .header,
.notification-list-wrapper .header {
  position: relative;
  height: 40px;
  background: #FFF;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  padding-top: 9px;
  padding-left: 20px;
  border-bottom: 1px solid #eee;
}
.chat-list-wrapper .header .title,
.follow-up-list-wrapper .header .title,
.notification-list-wrapper .header .title {
  margin: 0;
  display: inline-block;
  font-size: 1.17em;
  font-weight: bold;
}
.chat-list-wrapper .information,
.follow-up-list-wrapper .information,
.notification-list-wrapper .information {
  display: none;
  box-sizing: border-box;
  white-space: normal;
}
.chat-list-wrapper .empty .empty,
.follow-up-list-wrapper .empty .empty,
.notification-list-wrapper .empty .empty,
.chat-list-wrapper .not-found .not-found,
.follow-up-list-wrapper .not-found .not-found,
.notification-list-wrapper .not-found .not-found {
  display: block;
}
.chat-list-wrapper .events,
.follow-up-list-wrapper .events,
.notification-list-wrapper .events {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}
.chat-list-wrapper .description,
.follow-up-list-wrapper .description,
.notification-list-wrapper .description {
  height: 40px;
  width: 100%;
  margin-right: 13px;
  margin-left: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.chat-list-wrapper .description .wrapper,
.follow-up-list-wrapper .description .wrapper,
.notification-list-wrapper .description .wrapper {
  position: relative;
  line-height: normal;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.chat-list-wrapper .removed-text,
.follow-up-list-wrapper .removed-text,
.notification-list-wrapper .removed-text {
  display: none;
  min-width: 100%;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.chat-list-wrapper .removed-text .message,
.follow-up-list-wrapper .removed-text .message,
.notification-list-wrapper .removed-text .message,
.chat-list-wrapper .removed-text .invitation,
.follow-up-list-wrapper .removed-text .invitation,
.notification-list-wrapper .removed-text .invitation {
  display: none;
}
.chat-list-wrapper .letter .removed-text,
.follow-up-list-wrapper .letter .removed-text,
.notification-list-wrapper .letter .removed-text {
  max-width: 70% !important;
}
.chat-list-wrapper .type-message .removed-text .message,
.follow-up-list-wrapper .type-message .removed-text .message,
.notification-list-wrapper .type-message .removed-text .message,
.chat-list-wrapper .type-invitation .removed-text .invitation,
.follow-up-list-wrapper .type-invitation .removed-text .invitation,
.notification-list-wrapper .type-invitation .removed-text .invitation {
  display: inline;
}
.chat-list-wrapper .event-wrapper,
.follow-up-list-wrapper .event-wrapper,
.notification-list-wrapper .event-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  order: 1;
  height: 60px;
  padding: 0 13px;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.25s;
}
.chat-list-wrapper .event-wrapper .stop-video,
.follow-up-list-wrapper .event-wrapper .stop-video,
.notification-list-wrapper .event-wrapper .stop-video {
  text-transform: none;
}
@media (max-width: 950px) {
  .chat-list-wrapper .event-wrapper .close,
  .follow-up-list-wrapper .event-wrapper .close,
  .notification-list-wrapper .event-wrapper .close {
    opacity: 1;
  }
}
@media (max-width: 1024px) {
  .chat-list-wrapper .event-wrapper.no-counter .close,
  .follow-up-list-wrapper .event-wrapper.no-counter .close,
  .notification-list-wrapper .event-wrapper.no-counter .close {
    opacity: 1;
  }
}
@media (max-width: 1024px) {
  .chat-list-wrapper .event-wrapper.no-counter.removed .close,
  .follow-up-list-wrapper .event-wrapper.no-counter.removed .close,
  .notification-list-wrapper .event-wrapper.no-counter.removed .close {
    display: none;
  }
}
.chat-list-wrapper .event-wrapper.removed,
.follow-up-list-wrapper .event-wrapper.removed,
.notification-list-wrapper .event-wrapper.removed {
  background: #fceeef;
}
.chat-list-wrapper .event-wrapper.removed .counter,
.follow-up-list-wrapper .event-wrapper.removed .counter,
.notification-list-wrapper .event-wrapper.removed .counter {
  display: none;
}
.chat-list-wrapper .event-wrapper.removed:hover,
.follow-up-list-wrapper .event-wrapper.removed:hover,
.notification-list-wrapper .event-wrapper.removed:hover {
  background: #fceeef;
}
.chat-list-wrapper .event-wrapper.removed:hover .close,
.follow-up-list-wrapper .event-wrapper.removed:hover .close,
.notification-list-wrapper .event-wrapper.removed:hover .close {
  display: none;
}
.chat-list-wrapper .event-wrapper.removed .restore,
.follow-up-list-wrapper .event-wrapper.removed .restore,
.notification-list-wrapper .event-wrapper.removed .restore {
  display: block;
}
.chat-list-wrapper .event-wrapper.removed .removed-text,
.follow-up-list-wrapper .event-wrapper.removed .removed-text,
.notification-list-wrapper .event-wrapper.removed .removed-text {
  display: inline-block;
}
.chat-list-wrapper .event-wrapper.removed .text-inner,
.follow-up-list-wrapper .event-wrapper.removed .text-inner,
.notification-list-wrapper .event-wrapper.removed .text-inner {
  display: none;
}
.chat-list-wrapper .event-wrapper.removed .close,
.follow-up-list-wrapper .event-wrapper.removed .close,
.notification-list-wrapper .event-wrapper.removed .close {
  display: none;
}
.chat-list-wrapper .event-wrapper.liveroom,
.follow-up-list-wrapper .event-wrapper.liveroom,
.notification-list-wrapper .event-wrapper.liveroom {
  z-index: 1;
}
.chat-list-wrapper .event-wrapper.liveroom .close,
.follow-up-list-wrapper .event-wrapper.liveroom .close,
.notification-list-wrapper .event-wrapper.liveroom .close {
  display: none;
}
.chat-list-wrapper .event-wrapper.liveroom .liveroom-icon,
.follow-up-list-wrapper .event-wrapper.liveroom .liveroom-icon,
.notification-list-wrapper .event-wrapper.liveroom .liveroom-icon {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #cc0000;
  height: 100%;
  border-radius: 100%;
  text-align: center;
}
.chat-list-wrapper .event-wrapper.liveroom .liveroom-icon:not(.active),
.follow-up-list-wrapper .event-wrapper.liveroom .liveroom-icon:not(.active),
.notification-list-wrapper .event-wrapper.liveroom .liveroom-icon:not(.active) {
  filter: grayscale();
}
.chat-list-wrapper .event-wrapper.liveroom .liveroom-icon.active svg,
.follow-up-list-wrapper .event-wrapper.liveroom .liveroom-icon.active svg,
.notification-list-wrapper .event-wrapper.liveroom .liveroom-icon.active svg {
  animation: blinker 1.25s linear infinite;
}
.chat-list-wrapper .event-wrapper.liveroom .liveroom-icon svg,
.follow-up-list-wrapper .event-wrapper.liveroom .liveroom-icon svg,
.notification-list-wrapper .event-wrapper.liveroom .liveroom-icon svg {
  -webkit-flex: 1 0 20px;
  -moz-flex: 1 0 20px;
  -ms-flex: 1 0 20px;
  -o-flex: 1 0 20px;
  flex: 1 0 20px;
  fill: #fff;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin: 0;
}
.chat-list-wrapper .event-wrapper svg,
.follow-up-list-wrapper .event-wrapper svg,
.notification-list-wrapper .event-wrapper svg {
  display: none;
  margin-right: 5px;
}
.chat-list-wrapper .event-wrapper .label.follow-up,
.follow-up-list-wrapper .event-wrapper .label.follow-up,
.notification-list-wrapper .event-wrapper .label.follow-up {
  display: none;
  position: relative;
  top: 3px;
}
.chat-list-wrapper .event-wrapper .label.follow-up svg,
.follow-up-list-wrapper .event-wrapper .label.follow-up svg,
.notification-list-wrapper .event-wrapper .label.follow-up svg {
  display: inline-block;
  width: 18px;
  height: 13px;
  fill: #fff;
  margin: 6px 0 0 2px;
}
.chat-list-wrapper .event-wrapper .avatar-wrapper,
.follow-up-list-wrapper .event-wrapper .avatar-wrapper,
.notification-list-wrapper .event-wrapper .avatar-wrapper {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
}
.chat-list-wrapper .event-wrapper.offline .avatar,
.follow-up-list-wrapper .event-wrapper.offline .avatar,
.notification-list-wrapper .event-wrapper.offline .avatar {
  filter: grayscale();
}
.chat-list-wrapper .event-wrapper.offline.presence-mobileapp .avatar-wrapper::after,
.follow-up-list-wrapper .event-wrapper.offline.presence-mobileapp .avatar-wrapper::after,
.notification-list-wrapper .event-wrapper.offline.presence-mobileapp .avatar-wrapper::after,
.chat-list-wrapper .event-wrapper.online .avatar-wrapper::after,
.follow-up-list-wrapper .event-wrapper.online .avatar-wrapper::after,
.notification-list-wrapper .event-wrapper.online .avatar-wrapper::after {
  background-color: #00b15e;
  position: absolute;
  right: -4px;
  width: 10px;
  height: 10px;
  content: "";
  border-radius: 50%;
  bottom: -3px;
  border: 2px solid white;
}
.chat-list-wrapper .event-wrapper.follow-up-added .label.follow-up,
.follow-up-list-wrapper .event-wrapper.follow-up-added .label.follow-up,
.notification-list-wrapper .event-wrapper.follow-up-added .label.follow-up {
  display: inline-block;
}
.chat-list-wrapper .event-wrapper.follow-up-added .label.follow-up + .label,
.follow-up-list-wrapper .event-wrapper.follow-up-added .label.follow-up + .label,
.notification-list-wrapper .event-wrapper.follow-up-added .label.follow-up + .label {
  display: none;
}
.webrtc.calls-enabled .chat-list-wrapper .event-wrapper.online.has-cam .avatar-wrapper::after,
.webrtc.calls-enabled .follow-up-list-wrapper .event-wrapper.online.has-cam .avatar-wrapper::after,
.webrtc.calls-enabled .notification-list-wrapper .event-wrapper.online.has-cam .avatar-wrapper::after {
  width: 14px;
  height: 9px;
  background: url('/i/icons/video-status.png?1492681579807') center center no-repeat;
  background-size: contain;
  border: 0;
  right: -2px;
  bottom: -1px;
  border-radius: 0;
}
.webrtc.calls-enabled .chat-list-wrapper .event-wrapper.online.has-cam.online.no-webapp.has-mobileapp .avatar-wrapper::after,
.webrtc.calls-enabled .follow-up-list-wrapper .event-wrapper.online.has-cam.online.no-webapp.has-mobileapp .avatar-wrapper::after,
.webrtc.calls-enabled .notification-list-wrapper .event-wrapper.online.has-cam.online.no-webapp.has-mobileapp .avatar-wrapper::after {
  width: 9px;
  height: 13px;
  background: #fff url('/i/icons/mobileapp-status.png?1') center center no-repeat;
  background-size: contain;
  border: 0;
  right: -2px;
  border-radius: 0;
  bottom: 0;
  box-shadow: 0 0 3px 2px white;
}
.chat-list-wrapper .event-wrapper.online.no-webapp.has-mobileapp .avatar-wrapper::after,
.follow-up-list-wrapper .event-wrapper.online.no-webapp.has-mobileapp .avatar-wrapper::after,
.notification-list-wrapper .event-wrapper.online.no-webapp.has-mobileapp .avatar-wrapper::after {
  width: 9px;
  height: 13px;
  background: #fff url('/i/icons/mobileapp-status.png?1') center center no-repeat;
  background-size: contain;
  border: 0;
  right: -2px;
  border-radius: 0;
  bottom: 0;
  box-shadow: 0 0 3px 2px white;
}
.chat-list-wrapper .event-wrapper.offline.presence-mobileapp .avatar-wrapper::after,
.follow-up-list-wrapper .event-wrapper.offline.presence-mobileapp .avatar-wrapper::after,
.notification-list-wrapper .event-wrapper.offline.presence-mobileapp .avatar-wrapper::after {
  width: 9px;
  height: 13px;
  background: #fff url('/i/icons/mobileapp-status-offline.png?1') center center no-repeat;
  background-size: contain;
  border: 0;
  right: -2px;
  border-radius: 0;
  bottom: 0;
  box-shadow: 0 0 3px 2px white;
}
.chat-list-wrapper .event-wrapper:hover,
.follow-up-list-wrapper .event-wrapper:hover,
.notification-list-wrapper .event-wrapper:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.chat-list-wrapper .event-wrapper:hover .close,
.follow-up-list-wrapper .event-wrapper:hover .close,
.notification-list-wrapper .event-wrapper:hover .close {
  opacity: 1;
  background-color: transparent;
}
.chat-list-wrapper .event-wrapper:hover .counter,
.follow-up-list-wrapper .event-wrapper:hover .counter,
.notification-list-wrapper .event-wrapper:hover .counter {
  display: none;
}
.stream-private-list .chat-list-wrapper .event-wrapper:hover .counter,
.stream-private-list .follow-up-list-wrapper .event-wrapper:hover .counter,
.stream-private-list .notification-list-wrapper .event-wrapper:hover .counter {
  display: inline-block;
}
@media (max-width: 950px) {
  .chat-list-wrapper .event-wrapper:hover .counter,
  .follow-up-list-wrapper .event-wrapper:hover .counter,
  .notification-list-wrapper .event-wrapper:hover .counter {
    display: inline-block;
  }
}
.chat-list-wrapper .event-wrapper .reply,
.follow-up-list-wrapper .event-wrapper .reply,
.notification-list-wrapper .event-wrapper .reply {
  display: none;
}
.chat-list-wrapper .event-wrapper .close,
.follow-up-list-wrapper .event-wrapper .close,
.notification-list-wrapper .event-wrapper .close {
  transition: none;
  right: 14px;
}
@media (max-width: 950px) {
  .chat-list-wrapper .event-wrapper .close,
  .follow-up-list-wrapper .event-wrapper .close,
  .notification-list-wrapper .event-wrapper .close {
    right: 0;
  }
}
.chat-list-wrapper .event-wrapper.unread .message-count,
.follow-up-list-wrapper .event-wrapper.unread .message-count,
.notification-list-wrapper .event-wrapper.unread .message-count {
  display: block;
}
.chat-list-wrapper .event-wrapper.active,
.follow-up-list-wrapper .event-wrapper.active,
.notification-list-wrapper .event-wrapper.active {
  background-color: #e7e7e7;
  background-color: rgba(0, 0, 0, 0.1);
}
.chat-list-wrapper .event-wrapper .button-wrapper .button,
.follow-up-list-wrapper .event-wrapper .button-wrapper .button,
.notification-list-wrapper .event-wrapper .button-wrapper .button {
  width: 83%;
}
.chat-list-wrapper .event-wrapper .avatar,
.follow-up-list-wrapper .event-wrapper .avatar,
.notification-list-wrapper .event-wrapper .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.chat-list-wrapper .event-wrapper .avatar.zoomed,
.follow-up-list-wrapper .event-wrapper .avatar.zoomed,
.notification-list-wrapper .event-wrapper .avatar.zoomed {
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.chat-list-wrapper .event-wrapper .avatar.zoomed.hover,
.follow-up-list-wrapper .event-wrapper .avatar.zoomed.hover,
.notification-list-wrapper .event-wrapper .avatar.zoomed.hover {
  position: fixed;
  width: 125px;
  height: 125px;
  margin-left: -142.5px;
  margin-top: -42.5px;
  transition: height 0.25s 0.2s, width 0.25s 0.2s, margin-left 0.25s 0.2s, margin-top 0.25s 0.2s;
  z-index: 1;
}
.chat-list-wrapper .event-wrapper.active .counter,
.follow-up-list-wrapper .event-wrapper.active .counter,
.notification-list-wrapper .event-wrapper.active .counter {
  display: none;
}
.chat-list-wrapper .event-wrapper.letter .mail-out,
.follow-up-list-wrapper .event-wrapper.letter .mail-out,
.notification-list-wrapper .event-wrapper.letter .mail-out {
  display: inline-block;
}
.chat-list-wrapper .event-wrapper.letter .mail-out,
.follow-up-list-wrapper .event-wrapper.letter .mail-out,
.notification-list-wrapper .event-wrapper.letter .mail-out,
.chat-list-wrapper .event-wrapper.letter .mail-in,
.follow-up-list-wrapper .event-wrapper.letter .mail-in,
.notification-list-wrapper .event-wrapper.letter .mail-in {
  vertical-align: middle;
  width: 20px;
  height: 18px;
  fill: #999;
}
.chat-list-wrapper .event-wrapper.letter.incoming .mail-out,
.follow-up-list-wrapper .event-wrapper.letter.incoming .mail-out,
.notification-list-wrapper .event-wrapper.letter.incoming .mail-out {
  display: none;
}
.chat-list-wrapper .event-wrapper.letter.incoming .mail-in,
.follow-up-list-wrapper .event-wrapper.letter.incoming .mail-in,
.notification-list-wrapper .event-wrapper.letter.incoming .mail-in {
  display: inline-block;
}
.chat-list-wrapper .event-wrapper .remove-text,
.follow-up-list-wrapper .event-wrapper .remove-text,
.notification-list-wrapper .event-wrapper .remove-text,
.chat-list-wrapper .event-wrapper .sent-video,
.follow-up-list-wrapper .event-wrapper .sent-video,
.notification-list-wrapper .event-wrapper .sent-video,
.chat-list-wrapper .event-wrapper .sent-photo,
.follow-up-list-wrapper .event-wrapper .sent-photo,
.notification-list-wrapper .event-wrapper .sent-photo,
.chat-list-wrapper .event-wrapper .sent-sticker,
.follow-up-list-wrapper .event-wrapper .sent-sticker,
.notification-list-wrapper .event-wrapper .sent-sticker,
.chat-list-wrapper .event-wrapper .sent-cheer,
.follow-up-list-wrapper .event-wrapper .sent-cheer,
.notification-list-wrapper .event-wrapper .sent-cheer,
.chat-list-wrapper .event-wrapper .send-cheer,
.follow-up-list-wrapper .event-wrapper .send-cheer,
.notification-list-wrapper .event-wrapper .send-cheer {
  display: none;
}
.chat-list-wrapper .event-wrapper.image-attachment svg,
.follow-up-list-wrapper .event-wrapper.image-attachment svg,
.notification-list-wrapper .event-wrapper.image-attachment svg,
.chat-list-wrapper .event-wrapper.video-attachment svg,
.follow-up-list-wrapper .event-wrapper.video-attachment svg,
.notification-list-wrapper .event-wrapper.video-attachment svg {
  position: relative;
  top: 2px;
  fill-rule: evenodd;
  fill: #999;
}
.chat-list-wrapper .event-wrapper.image-attachment .text,
.follow-up-list-wrapper .event-wrapper.image-attachment .text,
.notification-list-wrapper .event-wrapper.image-attachment .text {
  min-width: 0;
  vertical-align: middle;
}
.chat-list-wrapper .event-wrapper.image-attachment .text .photo-ico,
.follow-up-list-wrapper .event-wrapper.image-attachment .text .photo-ico,
.notification-list-wrapper .event-wrapper.image-attachment .text .photo-ico {
  display: inline-block;
  height: 15px;
  width: 17px;
}
.chat-list-wrapper .event-wrapper.image-attachment.no-text:not(.typing-started) .sent-photo,
.follow-up-list-wrapper .event-wrapper.image-attachment.no-text:not(.typing-started) .sent-photo,
.notification-list-wrapper .event-wrapper.image-attachment.no-text:not(.typing-started) .sent-photo {
  display: inline;
}
.chat-list-wrapper .event-wrapper.video-attachment .text .video-on,
.follow-up-list-wrapper .event-wrapper.video-attachment .text .video-on,
.notification-list-wrapper .event-wrapper.video-attachment .text .video-on {
  display: inline-block;
  width: 18px;
  height: 12px;
}
.chat-list-wrapper .event-wrapper.video-attachment.no-text:not(.typing-started) .text,
.follow-up-list-wrapper .event-wrapper.video-attachment.no-text:not(.typing-started) .text,
.notification-list-wrapper .event-wrapper.video-attachment.no-text:not(.typing-started) .text {
  background-position: 0 -1px;
  vertical-align: bottom;
}
.chat-list-wrapper .event-wrapper.video-attachment.no-text:not(.typing-started) .sent-video,
.follow-up-list-wrapper .event-wrapper.video-attachment.no-text:not(.typing-started) .sent-video,
.notification-list-wrapper .event-wrapper.video-attachment.no-text:not(.typing-started) .sent-video {
  display: inline;
}
.chat-list-wrapper .event-wrapper.sticker-attachment.no-text:not(.typing-started) .text,
.follow-up-list-wrapper .event-wrapper.sticker-attachment.no-text:not(.typing-started) .text,
.notification-list-wrapper .event-wrapper.sticker-attachment.no-text:not(.typing-started) .text {
  background-position: 0 -1px;
  vertical-align: bottom;
}
.chat-list-wrapper .event-wrapper.sticker-attachment.no-text:not(.typing-started) .sent-sticker,
.follow-up-list-wrapper .event-wrapper.sticker-attachment.no-text:not(.typing-started) .sent-sticker,
.notification-list-wrapper .event-wrapper.sticker-attachment.no-text:not(.typing-started) .sent-sticker {
  display: inline;
}
.chat-list-wrapper .event-wrapper.cheer-attachment.no-text:not(.typing-started) .text,
.follow-up-list-wrapper .event-wrapper.cheer-attachment.no-text:not(.typing-started) .text,
.notification-list-wrapper .event-wrapper.cheer-attachment.no-text:not(.typing-started) .text {
  background-position: 0 -1px;
  vertical-align: bottom;
}
.chat-list-wrapper .event-wrapper.cheer-attachment.no-text:not(.typing-started) .sent-cheer,
.follow-up-list-wrapper .event-wrapper.cheer-attachment.no-text:not(.typing-started) .sent-cheer,
.notification-list-wrapper .event-wrapper.cheer-attachment.no-text:not(.typing-started) .sent-cheer {
  display: inline;
}
.chat-list-wrapper .event-wrapper.cheer-attachment.no-text.mine:not(.typing-started) .send-cheer,
.follow-up-list-wrapper .event-wrapper.cheer-attachment.no-text.mine:not(.typing-started) .send-cheer,
.notification-list-wrapper .event-wrapper.cheer-attachment.no-text.mine:not(.typing-started) .send-cheer {
  display: inline;
}
.chat-list-wrapper .event-wrapper.cheer-attachment.no-text.mine:not(.typing-started) .sent-cheer,
.follow-up-list-wrapper .event-wrapper.cheer-attachment.no-text.mine:not(.typing-started) .sent-cheer,
.notification-list-wrapper .event-wrapper.cheer-attachment.no-text.mine:not(.typing-started) .sent-cheer {
  display: none;
}
.chat-list-wrapper .event-wrapper .typing,
.follow-up-list-wrapper .event-wrapper .typing,
.notification-list-wrapper .event-wrapper .typing {
  display: none;
}
.chat-list-wrapper .event-wrapper.typing-started .text,
.follow-up-list-wrapper .event-wrapper.typing-started .text,
.notification-list-wrapper .event-wrapper.typing-started .text {
  display: none;
}
.chat-list-wrapper .event-wrapper.typing-started .typing,
.follow-up-list-wrapper .event-wrapper.typing-started .typing,
.notification-list-wrapper .event-wrapper.typing-started .typing {
  display: block;
}
.chat-list-wrapper .event-wrapper .restore,
.follow-up-list-wrapper .event-wrapper .restore,
.notification-list-wrapper .event-wrapper .restore {
  position: absolute;
  top: 50%;
  display: none;
  width: 40px;
  height: 40px;
  right: 5px;
  transition: none;
  margin-top: calc(-40px/2);
}
.chat-list-wrapper .event-wrapper .restore .wrapper,
.follow-up-list-wrapper .event-wrapper .restore .wrapper,
.notification-list-wrapper .event-wrapper .restore .wrapper {
  display: block;
}
.chat-list-wrapper .event-wrapper .restore .wrapper svg,
.follow-up-list-wrapper .event-wrapper .restore .wrapper svg,
.notification-list-wrapper .event-wrapper .restore .wrapper svg {
  position: absolute;
  top: calc(50% - 12px/2);
  left: calc(50% - 12px/2);
  display: block;
  width: 12px;
  height: 12px;
  fill: #999;
}
.chat-list-wrapper .event-wrapper .video-call,
.follow-up-list-wrapper .event-wrapper .video-call,
.notification-list-wrapper .event-wrapper .video-call {
  border-radius: 50%;
  background: #0D8FBA;
  width: 36px;
  height: 36px;
  padding: 0;
  position: absolute;
  right: 40px;
  animation-duration: 3s;
  animation-name: tinDown;
  animation-iteration-count: infinite;
}
.chat-list-wrapper .event-wrapper .video-call svg,
.follow-up-list-wrapper .event-wrapper .video-call svg,
.notification-list-wrapper .event-wrapper .video-call svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  fill: #fff;
}
.role-promoter .chat-list-wrapper .type-message .name-raw .tag-familiar,
.role-promoter .follow-up-list-wrapper .type-message .name-raw .tag-familiar,
.role-promoter .notification-list-wrapper .type-message .name-raw .tag-familiar {
  display: inline-block;
}
.chat-list-wrapper .name-raw,
.follow-up-list-wrapper .name-raw,
.notification-list-wrapper .name-raw {
  padding-right: 25px;
  display: flex;
  align-items: center;
}
.chat-list-wrapper .name-raw .tag-familiar,
.follow-up-list-wrapper .name-raw .tag-familiar,
.notification-list-wrapper .name-raw .tag-familiar {
  display: none;
  margin: 0 5px;
  font-size: 10px;
  color: white;
  padding: 0 5px;
  background: #029f83;
  border-radius: 10px;
}
.chat-list-wrapper .name,
.follow-up-list-wrapper .name,
.notification-list-wrapper .name,
.chat-list-wrapper .text,
.follow-up-list-wrapper .text,
.notification-list-wrapper .text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chat-list-wrapper .name,
.follow-up-list-wrapper .name,
.notification-list-wrapper .name {
  white-space: nowrap;
  font-size: 1.2em;
  text-decoration: none;
  color: #222;
  font-weight: bold;
}
.chat-list-wrapper .text,
.follow-up-list-wrapper .text,
.notification-list-wrapper .text {
  height: 18px;
  color: #222;
  font-weight: bold;
}
.chat-list-wrapper .stale .text,
.follow-up-list-wrapper .stale .text,
.notification-list-wrapper .stale .text {
  color: #717171;
  font-weight: normal;
}
.app-container:not(.tag-customer) .chat-list-wrapper .payment-required .text,
.app-container:not(.tag-customer) .follow-up-list-wrapper .payment-required .text,
.app-container:not(.tag-customer) .notification-list-wrapper .payment-required .text {
  color: transparent;
  line-height: 20px;
  padding: 0 0.3em;
  text-shadow: 0 0 0.8em rgba(0, 0, 0, 0.5);
  user-select: none;
}
.typing {
  width: 50px;
  color: #717171;
}
.typing .hotspot {
  display: block;
  -webkit-animation: blinktext-typing-forward 1.25s infinite;
  -moz-animation: blinktext-typing-forward 1.25s infinite;
  animation: blinktext-typing-forward 1.25s infinite;
}
@-moz-keyframes blinktext-typing-forward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(50px);
  }
}
@-webkit-keyframes blinktext-typing-forward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(50px);
  }
}
@keyframes blinktext-typing-forward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(50px);
  }
}
.typing .hotspot-text {
  display: inline-block;
  -webkit-animation: blinktext-typing-backward 1.25s infinite;
  -moz-animation: blinktext-typing-backward 1.25s infinite;
  animation: blinktext-typing-backward 1.25s infinite;
}
@-moz-keyframes blinktext-typing-backward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50px);
  }
}
@-webkit-keyframes blinktext-typing-backward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50px);
  }
}
@keyframes blinktext-typing-backward {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50px);
  }
}
.chats .chat-list-wrapper {
  height: 70%;
}
.chats .chat-list-wrapper .more {
  display: none;
}
.chats .notification-list-wrapper {
  height: 30%;
  padding-top: 0;
  z-index: 4;
}
.chats .notification-list-wrapper .less {
  display: none;
}
.notifications .chat-list-wrapper {
  width: 100%;
  height: 30%;
  z-index: 4;
}
.notifications .chat-list-wrapper .less {
  display: none;
}
.notifications .notification-list-wrapper {
  height: 70%;
}
.notifications .notification-list-wrapper .more {
  display: none;
}
.follow-up.chats .chat-list-wrapper {
  height: 55%;
}
.follow-up.chats .chat-list-wrapper .more {
  display: none;
}
.follow-up.chats .notification-list-wrapper {
  height: 25%;
  padding-top: 0;
  z-index: 4;
}
.follow-up.chats .notification-list-wrapper .less {
  display: none;
}
.follow-up.chats .follow-up-list-wrapper {
  height: 20%;
  padding-top: 0;
  z-index: 4;
}
.follow-up.chats .follow-up-list-wrapper .less {
  display: none;
}
.follow-up.notifications .chat-list-wrapper {
  width: 100%;
  height: 25%;
  z-index: 4;
}
.follow-up.notifications .chat-list-wrapper .less {
  display: none;
}
.follow-up.notifications .notification-list-wrapper {
  height: 55%;
}
.follow-up.notifications .notification-list-wrapper .more {
  display: none;
}
.follow-up.notifications .follow-up-list-wrapper {
  height: 20%;
}
.follow-up.notifications .follow-up-list-wrapper .more {
  display: none;
}
.ie10 .chat-list-wrapper .cell {
  position: absolute;
  top: 41px;
  bottom: 47px;
  right: 1px;
  left: 1px;
}
.chat-list-wrapper .answer {
  display: none;
}
.chat-list-wrapper .stale {
  background-color: #f5f5f5;
}
.chat-list-wrapper .stale .name,
.chat-list-wrapper .stale .text {
  font-weight: normal;
}
.chat-list-wrapper .label {
  background: #cc0000;
  color: white;
  border-radius: 50%;
  font-weight: bold;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.chat-list-wrapper .counter {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 14px;
}
.chat-list-wrapper .counter input[type=checkbox]:checked + .label {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.chat-list-wrapper .counter input[type=checkbox]:checked + .label::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.15;
  background: #000;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
@media (max-width: 950px) {
  .chat-list-wrapper .counter {
    top: 43px;
    left: 6px;
    right: auto;
  }
}
.mirror .chat-list-wrapper .counter {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.chat-list-wrapper .description .name {
  text-overflow: ellipsis;
  overflow: hidden;
}
.chat-list-wrapper .bottom-wrapper {
  position: relative;
  padding: 0 30px 0 47px;
  background-color: #FFF;
  box-sizing: border-box;
}
.communication-panel .chat-list-wrapper .bottom-wrapper {
  padding: 16px 30px 14px 47px;
}
.chat-list-wrapper .bottom-wrapper .search-ico {
  position: absolute;
  top: 19px;
  left: 30px;
  display: inline-block;
  width: 10px;
  fill: #999;
  height: 10px;
}
.chat-list-wrapper .bottom-wrapper .search {
  display: inline-block;
  position: relative;
}
.chat-list-wrapper .bottom-wrapper .search .field {
  margin: 0;
  padding: 0;
  width: 150px;
  border: 0 none;
  background-color: #FFF;
}
.chat-list-wrapper .bottom-wrapper .search .field::-webkit-input-placeholder {
  color: #6e6e6e;
  font-weight: normal;
}
.chat-list-wrapper .bottom-wrapper .search .field:-moz-placeholder {
  color: #6e6e6e;
  font-weight: normal;
}
.chat-list-wrapper .bottom-wrapper .search .field::-moz-placeholder {
  color: #6e6e6e;
  font-weight: normal;
}
.chat-list-wrapper .bottom-wrapper .search .field:-ms-input-placeholder {
  color: #6e6e6e;
  font-weight: normal;
}
.chat-list-wrapper .bottom-wrapper .search .field:focus {
  outline: 0 none;
}
.chat-list-wrapper .bottom-wrapper .search .clear-search {
  opacity: 1;
}
.mirror .chat-list-wrapper .bottom-wrapper .search .clear-search {
  left: 2px;
}
.chat-list-wrapper .bottom-wrapper .sound {
  display: inline-block;
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 0;
}
.communication-panel .chat-list-wrapper .bottom-wrapper .sound {
  top: 14px;
  right: 20px;
}
.tag-dialogs-messages-promoter .chat-list-wrapper .bottom-wrapper .sound {
  display: none;
}
.chat-list-wrapper .bottom-wrapper .sound.on .unmute svg,
.chat-list-wrapper .bottom-wrapper .sound.off .mute svg {
  position: relative;
  left: 5px;
  width: 13px;
  height: 13px;
  fill-rule: evenodd;
  fill: #999;
}
.chat-list-wrapper .bottom-wrapper .sound.on .mute {
  display: none;
}
.chat-list-wrapper .bottom-wrapper .sound.on .unmute {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.chat-list-wrapper .bottom-wrapper .sound.on svg {
  display: inline-block;
  top: 4px;
}
.chat-list-wrapper .bottom-wrapper .sound.off .mute {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.chat-list-wrapper .bottom-wrapper .sound.off .unmute {
  display: none;
}
.chat-list-wrapper .bottom-wrapper .sound.off svg {
  display: inline-block;
  top: 3px;
}
.chat-list-wrapper .event-wrapper.birthday {
  background: url('/i/birthday/contacts-background.png') center center / cover no-repeat;
}
.notification-list-wrapper .information {
  margin-top: 0;
}
.ie10 .notification-list-wrapper .cell {
  position: absolute;
  top: 41px;
  bottom: 1px;
  right: 1px;
  left: 1px;
}
.notification-list-wrapper .signal {
  position: absolute;
  right: 22px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dd5859;
}
.notification-list-wrapper .close,
.notification-list-wrapper .signal,
.notification-list-wrapper .typing {
  display: none;
}
.notification-list-wrapper .event-wrapper:hover .signal,
.notification-list-wrapper .stale .signal {
  display: none;
}
.notification-list-wrapper .counter {
  display: none !important;
}
.notification-list-wrapper .event-wrapper:hover .answer {
  color: #fff !important;
  background-color: #f5704c;
}
.notification-list-wrapper .answer {
  font-weight: 600;
  display: block;
  border-radius: 5px;
  flex: 0 0 45px;
}
.notification-list-wrapper .stale {
  background-color: #f5f5f5;
}
.notification-list-wrapper .stale .answer {
  display: none;
}
.notification-list-wrapper .stale .close {
  display: block;
}
.notification-list-wrapper .stale .name,
.notification-list-wrapper .stale .text {
  font-weight: normal;
}
.follow-up-list-wrapper .information {
  margin-top: 0;
}
.ie10 .follow-up-list-wrapper .cell {
  position: absolute;
  top: 41px;
  bottom: 1px;
  right: 1px;
  left: 1px;
}
.follow-up-list-wrapper .signal,
.follow-up-list-wrapper .typing {
  display: none;
}
.follow-up-list-wrapper .event-wrapper:hover .signal,
.follow-up-list-wrapper .stale .signal {
  display: none;
}
.follow-up-list-wrapper .counter {
  display: none !important;
}
.follow-up-list-wrapper .event-wrapper:hover .answer {
  color: #fff !important;
  background-color: #f5704c;
}
.follow-up-list-wrapper .answer {
  right: 15px;
}
.follow-up-list-wrapper .stale {
  background-color: #f5f5f5;
}
.follow-up-list-wrapper .stale .close {
  display: block;
}
.follow-up-list-wrapper .stale .name,
.follow-up-list-wrapper .stale .text {
  font-weight: normal;
}
.follow-up-list-wrapper .description {
  height: 45px;
  width: 200px;
  line-height: 16px;
  display: flex;
  align-items: center;
}
.follow-up-list-wrapper .description .user-name {
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  vertical-align: bottom;
}
.follow-up-list-wrapper .close {
  display: block !important;
  opacity: 1 !important;
  top: 33px;
  right: 6px !important;
  background-color: transparent !important;
}
.communication-panel {
  padding-bottom: 30px;
}
.communication-panel .chat-list-wrapper,
.communication-panel .follow-up-list-wrapper,
.communication-panel .notification-list-wrapper {
  margin-top: 10px;
  min-height: 160px;
}
@media (max-width: 950px) {
  .communication-panel .chat-list-wrapper,
  .communication-panel .follow-up-list-wrapper,
  .communication-panel .notification-list-wrapper {
    display: none;
  }
}
.communication-panel.follow-up {
  padding-bottom: 40px;
}
.popup.communication.top .for-promoter {
  display: none;
}
.popup.communication.top .tabs-panel .header {
  position: relative;
  height: 40px;
  background: #FFF;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  padding-top: 9px;
  padding-left: 20px;
  border-bottom: 1px solid #eee;
}
.popup.communication.top .tabs-panel .header .title {
  display: inline-flex;
  margin: 0;
  padding-right: 10px;
}
@media (max-width: 950px) {
  .popup.communication.top .tabs-panel .header {
    font-size: 12px;
  }
}
.popup.communication.top .tabs-panel .tabs-content .header {
  display: none;
}
.popup.communication.top .tabs-panel .description {
  margin-right: 20px;
}
.popup.communication.top .tabs-panel .answer {
  right: 25px;
}
.popup.communication.top .tabs-panel.contacts-list-tab .title.follow-up-list {
  color: #007cd3;
}
.popup.communication.top .tabs-panel.contacts-list-tab .title.follow-up-list .counter {
  display: inline;
  background: #d4202d;
  border-radius: 10px;
  height: 17px;
  width: auto;
  padding: 0 5px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  pointer-events: none;
  margin-left: 5px;
}
.popup.communication.top .tabs-panel.contacts-list-tab .title.follow-up-list .counter.hidden {
  display: none;
}
.popup.communication.top .tabs-panel.contacts-list-tab .tabs-content .follow-up-list-tab {
  display: none;
}
.popup.communication.top .tabs-panel.follow-up-list-tab .title.contacts-list {
  color: #007cd3;
}
.popup.communication.top .tabs-panel.follow-up-list-tab .tabs-content .contacts-list-tab {
  display: none;
}
.popup.communication.top .tabs-panel.follow-up-list-tab .close {
  top: 30px;
  right: 8px !important;
}
.popup.communication.top.promoter .for-promoter {
  display: block;
}
.popup.communication.top.promoter .for-client {
  display: none;
}
.chat-tab .letter-form,
.chat-tab .read-letter-wrapper,
.chat-tab .send-letter-wrapper,
.chat-tab .name,
.chat-tab .predicate,
.chat-tab .about-chat .my {
  display: none;
}
.chat-tab .for-letter {
  display: none;
}
.chat-tab .liveroom {
  display: none;
}
.letter-tab {
  width: 620px;
}
.letter-tab .for-chat {
  display: none;
}
.letter-tab .chat-form,
.letter-tab .chat-wrapper,
.letter-tab .read-letter-wrapper,
.letter-tab .age,
.letter-tab .connection-status,
.letter-tab .messages,
.letter-tab .about-me,
.letter-tab .id,
.letter-tab .video-calls-container,
.letter-tab .controls {
  display: none;
}
@media (max-width: 768px) {
  .overlay-container .letter-tab {
    width: auto;
    min-width: 460px;
  }
}
@media (max-width: 480px) {
  .overlay-container .letter-tab {
    min-width: 300px;
  }
}
.presents-send-letter .letter-tab .chat-wrapper .letter-form .send-letter {
  bottom: 20px;
}
@media (max-width: 480px) {
  .content .letter-tab .chat-wrapper .letter-form {
    overflow: visible;
  }
}
@media (max-width: 480px) {
  .content .letter-tab .chat-wrapper .letter-form .send-letter {
    display: block;
    position: absolute;
    bottom: -24px;
    z-index: 33;
    left: auto;
    transform: none;
    right: 0;
  }
}
.letter-tab .length-counter {
  font-size: 12px;
  color: #999;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.letter-tab .length-counter .current {
  color: #d5222e;
}
.letter-tab .length-counter.allowed .current {
  color: #08a184;
}
@media (min-width: 481px) {
  .letter-tab .length-counter {
    margin-left: -95px;
    bottom: 100px;
  }
}
@media (max-height: 568px) {
  .letter-tab .length-counter {
    bottom: 30px;
  }
}
.letter-tab .liveroom {
  display: none;
}
.live-tab > * {
  display: none;
}
.read-letter-tab .chat-wrapper,
.read-letter-tab .send-letter-wrapper {
  display: none;
}
.send-letter-wrapper.loading > * {
  opacity: 0;
}
.send-letter-wrapper.loading::before {
  content: '';
  background: url(/i/preloader-white-16.gif?1) center center no-repeat !important;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
}
.send-letter-wrapper .chat-wrapper,
.send-letter-wrapper .read-letter-wrapper {
  display: none;
}
.letter-cover-image {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-repeat: no-repeat;
  border-radius: 10px;
  transition: opacity 0.25s;
  background-size: 100%;
}
@media (max-width: 767px) {
  .letter-cover-image {
    height: 388px;
    background-size: cover;
    background-position: 50% 0;
  }
}
.letter-cover-image.loading {
  opacity: 0;
}
.mirror .letter-cover-image {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.about-chat {
  display: table-row;
}
.letter-tab .about-chat,
.read-letter-tab .about-chat {
  height: 30%;
  width: 100%;
}
@media (max-width: 400px) {
  .letter-tab .about-chat,
  .read-letter-tab .about-chat {
    height: 20%;
  }
}
.letter-tab .about-chat .predicate,
.read-letter-tab .about-chat .predicate {
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  min-width: 50px;
  color: white;
  padding: 10px;
  text-align: right;
  vertical-align: middle;
}
.letter-tab .about-chat .profiles-wrapper,
.read-letter-tab .about-chat .profiles-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.letter-tab .about-chat .profiles,
.read-letter-tab .about-chat .profiles {
  display: inline-block;
  padding: 0;
  text-align: left;
  list-style: none;
}
.letter-tab .about-chat .profiles li,
.read-letter-tab .about-chat .profiles li {
  max-width: 100%;
  padding: 5px 0;
}
.letter-tab .about-chat .profile-card,
.read-letter-tab .about-chat .profile-card {
  margin: 0;
  display: inline-block;
}
.letter-tab .about-chat .profile-card .title,
.read-letter-tab .about-chat .profile-card .title {
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 260px;
}
.mirror .letter-tab .about-chat .profile-card .title,
.mirror .read-letter-tab .about-chat .profile-card .title {
  direction: rtl;
}
.letter-tab .about-chat .predicate,
.read-letter-tab .about-chat .predicate,
.letter-tab .about-chat .profile-card .title,
.read-letter-tab .about-chat .profile-card .title {
  text-shadow: 0 2px 4px #000, 0 0 1px #000;
}
.letter-tab .about-chat .thumbnail,
.read-letter-tab .about-chat .thumbnail {
  vertical-align: middle;
  width: 80px;
  height: 80px;
  margin-bottom: 11px;
}
@media (max-height: 568px) {
  .letter-tab .about-chat .thumbnail,
  .read-letter-tab .about-chat .thumbnail {
    display: none;
  }
}
.letter-tab .about-chat .description,
.read-letter-tab .about-chat .description {
  padding: 0;
  position: absolute;
  top: 10px;
  left: 10px;
}
.letter-tab .about-chat .description > div,
.read-letter-tab .about-chat .description > div {
  display: none;
}
.letter-tab .about-chat .description .tag,
.read-letter-tab .about-chat .description .tag {
  white-space: nowrap;
}
.letter-tab .about-chat .description .product-container,
.read-letter-tab .about-chat .description .product-container {
  margin-bottom: 2px;
}
.welcome-email .letter-tab .about-chat .description,
.welcome-email .read-letter-tab .about-chat .description {
  position: static;
}
.welcome-email .letter-tab .about-chat .description .name,
.welcome-email .read-letter-tab .about-chat .description .name {
  white-space: nowrap;
  font-size: 20px;
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.letter-cover-list {
  position: relative;
  font-size: 0;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
  z-index: 1;
  min-width: 100%;
}
.letter-cover-list .touchcarousel-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.letter-cover-list .touchcarousel-wrapper.grabbing-cursor {
  cursor: move;
}
.letter-cover-list .touchcarousel-container {
  position: relative;
  height: 100%;
}
.letter-cover-list .arrow-holder {
  width: 40px;
}
.letter-cover-list .arrow-holder .arrow-icon {
  margin-top: -13px;
  width: 17px;
  height: 26px;
}
.letter-cover-list .arrow-holder.left .arrow-icon {
  margin-left: -10.5px;
  background-size: 17px auto;
}
.letter-cover-list .arrow-holder.right .arrow-icon {
  margin-left: -6.5px;
  background-size: 17px auto;
}
.letter-cover-list .letter-cover {
  width: 70px;
  height: 70px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.letter-cover-list .letter-cover input[type="radio"] {
  display: none;
}
.letter-cover-list .letter-cover input[type="radio"]:checked + .selected-cover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.4);
}
.letter-cover-list .letter-cover .selected-cover {
  font-size: 20px;
  line-height: 70px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
  transition: opacity 0.25s;
}
.letter-cover-list .letter-cover .letter-image {
  width: 70px;
  height: 70px;
}
.letter-form {
  display: table;
}
.letter-form .letter-subject {
  height: 48px;
  outline: 0 transparent;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #eee;
  padding-left: 18px;
  font-weight: bold;
}
.letter-form .send-letter {
  transition: opacity 0.25s;
  overflow: hidden;
}
.letter-tab .send-letter-wrapper .menu-wrapper {
  height: 100%;
}
.letter-tab .send-letter-wrapper .menu-wrapper .menu-wrapper-inner {
  position: relative;
  height: 100%;
  padding-bottom: 5px;
}
@media (max-width: 1160px) {
  .letter-tab .send-letter-wrapper .menu-wrapper .menu-wrapper-inner {
    padding-bottom: 0;
  }
}
.ie .letter-tab .send-letter-wrapper .menu-wrapper .menu-wrapper-inner {
  height: calc(100% - 5px);
}
.send-letter-wrapper .letter-form {
  width: calc(100% - 10px);
  height: calc(100% - 39px);
  position: relative;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 1160px) {
  .send-letter-wrapper .letter-form {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .send-letter-wrapper .letter-form {
    padding-top: 70px;
    border-radius: 0;
  }
  .send-letter-wrapper .letter-form .letter-cover-list-row-wrapper {
    bottom: initial;
    top: 0;
  }
}
@media (max-width: 480px) and (max-height: 568px) {
  .send-letter-wrapper .letter-form {
    padding-top: 0;
  }
}
.send-letter-wrapper .letter-form .attachments-row-wrapper,
.send-letter-wrapper .letter-form .toolbar-row-wrapper {
  display: table-row;
}
.send-letter-wrapper .letter-form .letter-cover-list-row-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
}
@media (max-width: 400px), (max-height: 568px) {
  .send-letter-wrapper .letter-form .letter-cover-list-row-wrapper {
    display: none;
  }
}
.send-letter-wrapper .letter-form .toolbar-row-wrapper {
  height: 100%;
}
.drag-hover .send-letter-wrapper .letter-form .attachments-row-wrapper {
  height: 100%;
}
.drag-hover .send-letter-wrapper .letter-form .attachments-row-wrapper .attachments {
  height: 100%;
}
.send-letter-wrapper .letter-form .toolbar-panel {
  position: relative;
  text-align: center;
  height: 100%;
  background-color: #fff;
  border: 1px solid #eee;
  border-top: none;
  width: auto;
  padding-bottom: 210px;
  box-sizing: border-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: border-box;
}
@media (max-width: 1160px) {
  .send-letter-wrapper .letter-form .toolbar-panel {
    border: none;
  }
}
@media (max-width: 768px) {
  .send-letter-wrapper .letter-form .toolbar-panel {
    padding-bottom: 279px;
  }
}
@media (max-width: 480px) {
  .send-letter-wrapper .letter-form .toolbar-panel {
    border-bottom: none;
    padding-bottom: 69px;
  }
  .role-promoter .send-letter-wrapper .letter-form .toolbar-panel {
    padding-bottom: 30px;
  }
}
@media (max-width: 480px) and (max-height: 568px) {
  .send-letter-wrapper .letter-form .toolbar-panel {
    border-top: 1px solid #eee;
    border-radius: 5px 5px 0 0;
  }
}
@media (max-width: 400px) {
  .send-letter-wrapper .letter-form .toolbar-panel {
    border: none;
    border-radius: 0;
  }
}
@supports (-ms-accelerator:true) {
  .send-letter-wrapper .letter-form .toolbar-panel {
    box-sizing: border-box;
  }
}
@supports (-ms-ime-align: auto) {
  .send-letter-wrapper .letter-form .toolbar-panel {
    box-sizing: border-box;
  }
}
.send-letter-wrapper .letter-form .toolbar-panel .send-letter {
  text-transform: uppercase;
  bottom: 90px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
}
@media (max-width: 480px) {
  .send-letter-wrapper .letter-form .toolbar-panel .send-letter {
    display: none;
  }
}
@media (max-height: 568px) {
  .send-letter-wrapper .letter-form .toolbar-panel .send-letter {
    bottom: 20px;
  }
}
.send-letter-wrapper .letter-form .toolbar-panel .nano-content .attachments-wrapper {
  height: auto;
  text-align: left;
  border: none;
  padding: 0;
}
.drag-hover .send-letter-wrapper .letter-form .toolbar-panel .nano-content .attachments-wrapper {
  height: 115px;
}
.send-letter-wrapper .letter-form .toolbar-panel .nano-content .attachments-wrapper .attachments {
  height: auto;
}
.send-letter-wrapper .letter-form .toolbar-panel .nano-content .attachments-wrapper .attachments:empty {
  display: none;
}
@media (max-width: 400px) {
  .send-letter-wrapper .letter-form {
    padding: 0;
    border-radius: 0;
    width: 100%;
    margin: 0;
    height: calc(100% - 37px);
  }
}
.send-letter-wrapper .letter-form .letter-text {
  padding: 18px 18px 0;
  border: none;
  outline: 0 none transparent;
  resize: none;
  overflow-y: hidden;
}
.send-letter-wrapper .letter-form .letter-text::-ms-clear {
  width: 0;
  height: 0;
}
.send-letter-wrapper .letter-form .attachments .attachment-wrapper.loading .spinner {
  background-color: #f5f5f5;
  border-radius: 5px;
}
.read-letter-wrapper {
  height: 100%;
  padding-bottom: 5px;
  box-sizing: border-box;
}
@media (max-width: 1160px) {
  .read-letter-wrapper {
    padding-bottom: 0;
  }
}
.read-letter-wrapper .letter-wrapper {
  height: 100%;
  width: 100%;
  display: table;
  position: relative;
  transition: opacity 0.25s;
}
.read-letter-wrapper .letter-wrapper.loading > * {
  opacity: 0;
}
.read-letter-wrapper .letter-wrapper.loading::before {
  content: '';
  background: url(/i/preloader-white-16.gif?1) center center no-repeat !important;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
}
.read-letter-wrapper .letter-wrapper .profile-card {
  display: inline-block;
}
.read-letter-wrapper .letter-wrapper .profile-card.recipient {
  display: none;
}
.read-letter-wrapper.my-letter .letter-wrapper .profile-card.recipient {
  display: inline-block;
}
.read-letter-wrapper.my-letter .letter-wrapper .profile-card.sender {
  display: none;
}
.read-letter-wrapper .about-chat {
  position: relative;
  display: table-row;
}
.read-letter-wrapper .message-section {
  font-size: 18px;
  display: table-row;
  height: 100%;
  box-sizing: border-box;
}
.read-letter-wrapper .message-box {
  line-height: 24px;
  position: relative;
  height: 100%;
  background: white;
  margin: 0 5px;
  padding: 18px 0 68px;
  border: 1px solid #eee;
  border-radius: 10px;
  box-sizing: border-box;
}
@media (max-width: 1160px) {
  .read-letter-wrapper .message-box {
    margin: 0;
    border: 0;
    border-radius: 0 0 5px 5px;
  }
}
@media (max-width: 1128px) {
  .read-letter-wrapper .message-box {
    padding-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .read-letter-wrapper .message-box {
    border-radius: 0;
  }
}
.ios-env .read-letter-wrapper .message-box {
  box-sizing: content-box;
}
.read-letter-wrapper .attachments-wrapper {
  padding: 0 18px;
  font-size: 0;
}
.read-letter-wrapper .cheers-letter-wrapper {
  text-align: center;
}
.read-letter-wrapper .cheers-letter-wrapper .cheers-attachment {
  cursor: initial;
}
.read-letter-wrapper .cheer,
.read-letter-wrapper .image {
  height: 100px;
}
.read-letter-wrapper .cheers-attachment,
.read-letter-wrapper .attachment {
  border-radius: 10px;
  margin: 0 5px;
  height: 100px;
  max-width: 100px;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.read-letter-wrapper .cheers-attachment::after,
.read-letter-wrapper .attachment::after {
  content: " ";
  width: 42px;
  height: 36px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -18px;
}
.read-letter-wrapper .cheers-attachment.photo-attachment::after,
.read-letter-wrapper .attachment.photo-attachment::after {
  background-image: url("/i/icons/photo-camera-new-white.png?1");
}
.read-letter-wrapper .cheers-attachment .video-play,
.read-letter-wrapper .attachment .video-play {
  display: none;
}
.read-letter-wrapper .cheers-attachment.video-attachment .video-play,
.read-letter-wrapper .attachment.video-attachment .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 40px;
  height: 30px;
  margin: -15px 0 0 -20px;
  fill-rule: evenodd;
  fill: #fff;
}
.read-letter-wrapper .cheers-attachment.video-attachment.paid .video-play,
.read-letter-wrapper .attachment.video-attachment.paid .video-play {
  display: none;
}
.read-letter-wrapper .cheers-attachment.paid::after,
.read-letter-wrapper .attachment.paid::after {
  display: none;
}
.read-letter-wrapper .cheers-attachment.loading::after,
.read-letter-wrapper .attachment.loading::after {
  display: none;
}
.read-letter-wrapper .cheers-attachment.loading::before,
.read-letter-wrapper .attachment.loading::before {
  content: ' ';
  height: 100px;
  width: 100px;
  margin-right: 0;
  margin-top: 0;
  display: inline-block;
  background: #f5f5f5 url(/i/preloader-white-16.gif?1) center center no-repeat;
  position: relative;
  top: 0;
  left: 0;
}
.read-letter-wrapper .cheers-attachment.loading .cheer,
.read-letter-wrapper .attachment.loading .cheer,
.read-letter-wrapper .cheers-attachment.loading .image,
.read-letter-wrapper .attachment.loading .image {
  display: none;
}
.read-letter-wrapper .cheers-attachment {
  height: 180px;
  max-width: 180px;
}
.read-letter-wrapper .cheers-attachment .image {
  height: 180px;
}
.read-letter-wrapper .video-attachment {
  height: 100px;
  float: none;
}
.read-letter-wrapper .video-attachment.paid .view-attachment-button {
  display: none;
}
.read-letter-wrapper .video-attachment.paid .player-control {
  display: block;
}
.read-letter-wrapper .video-attachment.paid .image {
  filter: blur(0);
}
.read-letter-wrapper .video-attachment .image {
  height: 100%;
  margin-left: 0 !important;
  filter: blur(13px);
}
.moderation .read-letter-wrapper .video-attachment .image {
  filter: blur(0);
}
.read-letter-wrapper .video-attachment .player-control {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: none;
}
.read-letter-wrapper .video-attachment.error .image {
  margin: 10px 0 0 10px;
}
.read-letter-wrapper .video-attachment.error .error {
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  width: 480px;
  height: 320px;
  background: url('/i/chat/video-preview.jpg?1') no-repeat;
  background-size: cover;
}
.read-letter-wrapper .video-attachment.error > .video-player > video,
.read-letter-wrapper .video-attachment.error > .video-player > .time-line {
  display: none;
}
.read-letter-wrapper .letter-subject {
  border-bottom: 1px solid #eee;
  margin: 0 0 22px 0;
  padding: 0 18px 19px 22px;
}
.read-letter-wrapper .letter-subject span {
  font-weight: normal;
}
.read-letter-wrapper .letter-text {
  padding: 0 17px 0 22px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.read-letter-wrapper .button-section {
  position: absolute;
  bottom: 18px;
  left: 0;
  width: 100%;
}
@media (max-width: 1128px) {
  .read-letter-wrapper .button-section {
    bottom: 37px;
  }
}
.read-letter-wrapper .button-section .approve {
  display: block;
  height: 38px;
  width: 98px;
  padding: 0;
  margin: auto;
  font-size: 14px;
  text-transform: uppercase;
}
.read-letter-wrapper .button-section .cancel {
  font-size: 15px;
  font-weight: normal;
  display: inline-block;
  position: absolute;
  right: 50%;
  top: 50%;
  width: 50%;
  padding-right: 50px;
  text-align: center;
  margin-top: -8px;
  line-height: 16px;
}
@media (max-width: 1128px) {
  .read-letter-wrapper .button-section .cancel {
    margin-right: -52px;
    margin-top: 30px;
    padding-right: 0;
    width: auto;
  }
}
.content.mingle .search {
  text-align: center;
  padding: 30px 0;
}
.content.mingle .container {
  display: none;
}
.content.mingle .welcome .welcome,
.content.mingle .search-form .form,
.content.mingle .progress .result,
.content.mingle .result .result {
  display: block;
}
.content.mingle .result .result {
  font-size: 14px;
}
@media (max-width: 400px) {
  .content.mingle .result .result br {
    display: none;
  }
}
.content.mingle .container.welcome,
.content.mingle .container.form {
  padding-top: 299px;
  padding-left: 30px;
  padding-right: 30px;
  background: url('/i/latin/mingle/logo-faces.png?3') center top no-repeat;
}
@media (max-height: 600px) {
  .content.mingle .container.welcome,
  .content.mingle .container.form {
    padding-top: 0;
    background: none;
  }
}
@media (max-height: 650px) {
  .content.mingle .container.form {
    background-size: 300px;
    padding-top: calc(299px - 55px);
  }
}
@media (max-width: 390px) {
  .content.mingle .container.form {
    background-size: 300px;
    padding-top: calc(299px - 55px);
  }
}
@media (max-width: 330px) {
  .content.mingle .container.form {
    padding: 0 20px;
  }
}
@media (max-width: 350px), (max-height: 620px) {
  .content.mingle .container.form {
    padding-top: 0;
    background: none;
  }
}
@media (max-height: 400px) {
  .content.mingle .container.form h1 {
    margin-top: 0;
  }
}
.content.mingle .button-wrapper {
  margin: 20px 0;
}
.content.mingle .button {
  text-transform: uppercase;
}
.content.mingle .form textarea {
  height: 130px;
}
@media (max-height: 670px) {
  .content.mingle .form textarea {
    height: 100px;
  }
}
.content.mingle .form .about-partner {
  display: none;
}
.content.mingle .criteria {
  padding-top: 10px;
}
.content.mingle .criteria .text-wrapper {
  display: none;
}
.content.mingle .criteria .field-wrapper {
  display: inline-block;
  font-size: 16px;
}
@media (max-width: 320px) {
  .content.mingle .criteria .field-wrapper {
    padding-bottom: 10px;
  }
}
.content.mingle .criteria .text {
  margin-top: 5px;
  margin-bottom: 20px;
}
.content.mingle .criteria .narrow.ages,
.content.mingle .criteria .narrow.separator {
  display: inline-block;
}
.content.mingle .criteria .narrow.ages {
  padding: 0 9px 0 12px;
}
.content.mingle .criteria .narrow.separator {
  padding: 0 1px;
}
.content.mingle .criteria .customized-select select {
  height: 38px;
}
.content.mingle .criteria .customized-select::before {
  height: 38px;
}
.content.mingle .criteria .gender {
  width: 50%;
}
.no-age-preferences-enabled .content.mingle .criteria .gender {
  width: 100%;
}
@media (max-width: 399px) {
  .content.mingle .criteria .gender {
    width: 100%;
  }
}
.content.mingle .criteria .gender .customized-select {
  width: 100%;
}
.content.mingle .criteria .age {
  width: 50%;
  text-align: right;
}
.no-age-preferences-enabled .content.mingle .criteria .age {
  display: none;
}
@media (max-width: 399px) {
  .content.mingle .criteria .age {
    width: 100%;
    text-align: center;
  }
}
.content.mingle .criteria .age .customized-select {
  width: calc(50% - 10px);
  margin-left: 5px;
}
@media (max-width: 399px) {
  .content.mingle .criteria .age .customized-select {
    width: calc(50% - 30px);
    margin: 0 5px;
  }
}
.content.mingle .criteria .edit {
  width: 23px;
  height: 23px;
  margin-left: 3px;
}
.content.mingle .criteria .editor {
  display: none;
  font-size: 0;
}
.content.mingle .criteria.edit .editor,
.no-age-preferences-enabled .content.mingle .criteria .editor {
  display: block;
}
.content.mingle .criteria.edit .text,
.no-age-preferences-enabled .content.mingle .criteria .text {
  display: none;
}
.content.mingle .criteria.failed .validation-message {
  display: block !important;
}
.content.mingle .indicator {
  font-size: 80px;
}
.content.mingle .form.container .multiple-mingle {
  display: none;
}
.content.mingle .feelings-enabled .form.container {
  padding-top: 0;
  background: transparent;
  text-align: left;
}
.content.mingle .feelings-enabled .form.container h1 {
  text-align: left;
  margin-top: 0;
}
.content.mingle .feelings-enabled .form.container .button-wrapper {
  margin-top: 1em;
  text-align: center;
}
@media (max-width: 470px), (max-height: 620px) {
  .content.mingle .feelings-enabled .form.container .button-wrapper {
    margin-top: 40px;
    margin-bottom: 0;
  }
}
@media (max-height: 400px) {
  .content.mingle .feelings-enabled .form.container .button-wrapper {
    margin-top: 20px;
  }
}
.content.mingle .feelings-enabled .form.container .single-mingle {
  display: none;
}
.content.mingle .feelings-enabled .form.container .multiple-mingle {
  display: block;
}
.content.mingle .feelings-enabled .form.container .multiple-mingle .data {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 0.2em;
}
.content.mingle .feelings-enabled .form.container .field {
  margin: 14px 0;
}
.content.mingle .feelings-enabled .form.container .field.data-wrapper {
  margin: 0;
}
.content.mingle .feelings-enabled .form.container label {
  position: relative;
}
.content.mingle .feelings-enabled .form.container .icon {
  top: 6px;
  right: 0;
  width: 15px;
  height: 15px;
}
.content.mingle .feelings-enabled .form.container .icon svg {
  height: 100%;
  width: 100%;
}
.content.mingle .result-container {
  margin: 40px 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.content.mingle .result-container .user {
  display: inline-block;
  margin: 5px 10px;
  width: 80px;
  height: 80px;
  vertical-align: top;
}
.content.mingle .result-container .thumbnail,
.content.mingle .result-container .photo,
.content.mingle .result-container .text {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.content.mingle .result-container .text {
  background: #eaeaea;
  color: #fff;
  font-size: 30px;
  line-height: 80px;
  text-align: center;
}
.content.mingle .result.container .clock .hours {
  display: none;
}
.content.mingle .search.progress .result.container,
.content.mingle .search.result .result.container {
  padding-left: 30px;
  padding-right: 30px;
}
.content.mingle .search.progress .result.container {
  padding-top: 66px;
  background: url('/i/latin/loader-spinner.gif?1') center -18px no-repeat;
}
.content.mingle .search.progress .result.container h2 {
  visibility: hidden;
}
.content.mingle .search.progress .result.container .result,
.content.mingle .search.progress .result.container .for-result {
  display: none;
}
.content.mingle .search.result .result.container {
  padding-top: 44px;
}
.content.mingle .search.result .result.container .progress,
.content.mingle .search.result .result.container .for-progress {
  display: none;
}
.content.mingle .search.result .result.container .not-promoter {
  display: none;
}
.commissions-wrapper {
  padding: 20px 50px 30px 50px;
}
.commissions-wrapper .export-to-csv {
  margin-top: 1em;
}
.commissions-wrapper .bonuses-tab,
.commissions-wrapper .fines-tab,
.commissions-wrapper .online-statistics-tab,
.commissions-wrapper .statistics-tab,
.commissions-wrapper .code-tab,
.commissions-wrapper .agency-info-tab {
  position: relative;
  height: 0;
  overflow: hidden;
}
.commissions-wrapper.bonuses .bonuses-tab,
.commissions-wrapper.fines .fines-tab,
.commissions-wrapper.statistics .statistics-tab,
.commissions-wrapper.online .online-statistics-tab,
.commissions-wrapper.code .code-tab,
.commissions-wrapper.agency-info .agency-info-tab {
  height: auto;
  overflow: visible;
}
.commissions-wrapper.bonuses .bonuses-link,
.commissions-wrapper.fines .fines-link,
.commissions-wrapper.statistics .statistics-link,
.commissions-wrapper.online .online-statistics,
.commissions-wrapper.code .code-link,
.commissions-wrapper.agency-info .agency-info-link {
  cursor: default;
  text-decoration: none;
  pointer-events: none;
  color: black;
  border-bottom: none;
}
.commissions-wrapper .commissions-menu h3 {
  display: inline-block;
}
.commissions-wrapper .commissions-menu h3 a {
  margin-right: 30px;
}
.commissions-wrapper .agency-info-tab .control-panel {
  margin-top: 15px;
}
.commissions-wrapper .commissions-filters-form,
.commissions-wrapper .online-statistics-filters-form {
  font-size: 0;
  padding-right: 100px;
  position: relative;
}
.commissions-wrapper .commissions-creation {
  position: relative;
  background-color: #fafafa;
  margin-top: 25px;
  padding: 30px;
}
.commissions-wrapper .commissions-creation h4 {
  margin-top: 0;
  margin-bottom: 15px;
}
.commissions-wrapper .commissions-creation .button {
  margin-top: 24px;
}
.commissions-wrapper .commissions-creation .name {
  font-weight: bold;
}
.commissions-wrapper .agency-cell {
  color: black;
}
.commissions-wrapper .agency-cell .name,
.commissions-wrapper .agency-cell .id {
  display: none;
}
.commissions-wrapper .agency-cell.id .id,
.commissions-wrapper .agency-cell.name .name {
  display: inline;
}
.commissions-wrapper .field-wrapper {
  padding-bottom: 0;
}
.commissions-wrapper .field-wrapper.manual-points {
  width: 140px;
  height: 96px;
}
.commissions-wrapper .field-wrapper.comment {
  width: 550px;
  height: 96px;
}
.commissions-wrapper .field-wrapper.custom-date {
  width: 160px;
  height: 96px;
}
.commissions-wrapper .filter-wrapper,
.commissions-wrapper .field-wrapper {
  display: inline-block;
  font-size: 14px;
  margin-right: 30px;
  vertical-align: top;
}
.commissions-wrapper .filter-wrapper label,
.commissions-wrapper .field-wrapper label {
  display: block;
  margin-bottom: 5px;
}
.commissions-wrapper .filter-wrapper .data,
.commissions-wrapper .field-wrapper .data {
  padding: 0.5em 0.6em;
}
.commissions-wrapper .filter-wrapper .data.invalid,
.commissions-wrapper .field-wrapper .data.invalid {
  border: 1px solid #f00;
  outline: none;
}
.commissions-wrapper .filter-wrapper.date-from,
.commissions-wrapper .field-wrapper.date-from {
  margin-right: 9px;
}
.commissions-wrapper .filter-wrapper.date-to,
.commissions-wrapper .field-wrapper.date-to {
  margin-right: 0;
}
.commissions-wrapper .filter-wrapper select,
.commissions-wrapper .field-wrapper select {
  height: 35px;
}
.commissions-wrapper .filter-wrapper .error-description,
.commissions-wrapper .field-wrapper .error-description {
  color: red;
  margin-top: 5px;
  font-size: 12px;
}
.commissions-wrapper .dash {
  display: inline-block;
  font-size: 12px;
  margin-right: 9px;
  margin-top: 35px;
}
.commissions-wrapper .bonuses-tab .approve,
.commissions-wrapper .fines-tab .approve,
.commissions-wrapper .statistics-tab .approve {
  position: absolute;
  top: 24px;
  right: 0;
  text-transform: uppercase;
}
.commissions-wrapper .online-statistics-tab .search-button {
  position: absolute;
  top: 24px;
  right: 0;
  text-transform: uppercase;
}
.commissions-wrapper .online-statistics-tab .show-more-extended-button {
  width: 275px;
  text-transform: uppercase;
}
.commissions-wrapper .online-statistics-tab .show-more-button {
  text-transform: uppercase;
}
.commissions-wrapper .points,
.commissions-wrapper .total-cell,
.commissions-wrapper .lost-cell {
  text-align: right;
  padding-left: 0;
}
.commissions-wrapper .lost.low {
  color: #ff831e;
  border-bottom-color: #ff831e;
}
.commissions-wrapper .lost.medium {
  color: #ff511b;
  border-bottom-color: #ff511b;
}
.commissions-wrapper .lost.high {
  color: #d5232f;
  border-bottom-color: #d5232f;
}
.commissions-wrapper .lost.low:hover,
.commissions-wrapper .lost.medium:hover,
.commissions-wrapper .lost.high:hover {
  color: #222;
  border-bottom-color: #222;
}
.commissions-wrapper .fines-title,
.commissions-wrapper .fines.total,
.commissions-wrapper .fine-cell {
  color: #d5232f;
}
.commissions-wrapper .extension {
  display: none;
}
.commissions-wrapper .bonuses-tab.extended .extension,
.commissions-wrapper .statistics-tab.extended .extension,
.commissions-wrapper .fines-tab.extended .extension {
  display: block;
}
.commissions-wrapper .bonuses-tab.extended .extension.filter-wrapper,
.commissions-wrapper .statistics-tab.extended .extension.filter-wrapper,
.commissions-wrapper .fines-tab.extended .extension.filter-wrapper {
  display: inline-block;
}
.commissions-wrapper .bonuses-tab.extended .extension.comment,
.commissions-wrapper .statistics-tab.extended .extension.comment,
.commissions-wrapper .fines-tab.extended .extension.comment {
  display: table-cell;
}
.commissions-wrapper .bonuses-tab.extended .extension.total-line,
.commissions-wrapper .statistics-tab.extended .extension.total-line,
.commissions-wrapper .fines-tab.extended .extension.total-line {
  display: table-row;
  text-align: left;
}
.commissions-wrapper .bonuses-tab.extended .no-extension,
.commissions-wrapper .statistics-tab.extended .no-extension,
.commissions-wrapper .fines-tab.extended .no-extension {
  display: none;
}
.commissions-wrapper .subelement {
  background: #eee;
}
.commissions-wrapper .chevron-up,
.commissions-wrapper .chevron-down {
  position: absolute;
  display: block;
  height: 24px;
  /* height should be double border */
  width: 24px;
  left: 4px;
  cursor: pointer;
}
.commissions-wrapper .chevron-up::before,
.commissions-wrapper .chevron-down::before,
.commissions-wrapper .chevron-up::after,
.commissions-wrapper .chevron-down::after {
  position: absolute;
  display: block;
  content: "";
  left: 7px;
  border: 5px solid transparent;
  /* adjust size */
}
.commissions-wrapper .chevron-down::before {
  top: 8px;
  border-top-color: #d5232f;
  /* Chevron Color */
}
.commissions-wrapper .chevron-down::after {
  top: 2px;
  /* adjust thickness */
  border-top-color: #fff;
  /* Match background colour */
}
.commissions-wrapper .chevron-up::before {
  bottom: 11px;
  border-bottom-color: #d5232f;
}
.commissions-wrapper .chevron-up::after {
  bottom: 5px;
  /* adjust thickness */
  border-bottom-color: #fff;
  /* Match background colour */
}
.commissions-wrapper .sorter-true.header {
  position: relative;
  cursor: pointer;
}
.commissions-wrapper .sorter-true.header::before,
.commissions-wrapper .sorter-true.header::after {
  position: absolute;
  display: block;
  content: "";
  right: 7px;
  top: 50%;
  border: 5px solid transparent;
  /* adjust size */
}
.commissions-wrapper .sorter-true.header::before {
  margin-top: -11px;
  border-bottom-color: #d5232f;
}
.commissions-wrapper .sorter-true.header::after {
  margin-top: 1px;
  border-top-color: #d5232f;
}
.commissions-wrapper .sorter-true.header.headerSortUp::before {
  display: none;
}
.commissions-wrapper .sorter-true.header.headerSortDown::after {
  display: none;
}
.commissions-wrapper .spinner-container.show-more-loader {
  top: 10px;
}
.commissions-wrapper.online .online-statistics-tab .total-online-column {
  text-align: right;
}
.commissions-wrapper.online .online-statistics-tab:not(.curator-extension) .curator-extension-element {
  display: none;
}
.commissions-wrapper.online .online-statistics-tab.curator-extension .child {
  background: gainsboro;
}
.agreements {
  height: 100%;
  width: 100%;
}
.agreements h2 {
  font-size: 16px;
  margin: 0 0 0.5em;
}
.agreements h3 {
  font-size: 14px;
  margin: 1em 0 0.5em;
}
.agreements h4 {
  font-size: 13px;
  margin: 0.7em 0 0.1em;
}
.agreements ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.agreements fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.agreements a {
  font-size: 13px;
}
.agreements .field,
.agreements .info-field {
  font-size: 14px;
  display: inline-block;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 20px;
  width: 250px;
}
.agreements label {
  display: block;
  margin-bottom: 0.5em;
  word-wrap: break-word;
  /* for IE, Firefox since 3.5 and Opera since 10.5 */
  overflow: hidden;
  /* required for text-overflow */
  -o-text-overflow: ellipsis;
  /* for Opera since 9.0 */
  text-overflow: ellipsis;
  /* for IE and WebKit (Safari, Chrome) */
  white-space: nowrap;
}
.agreements .data {
  padding: 0.5em 0.6em;
  height: 2.7em;
}
.agreements .button-panel {
  text-align: center;
  margin-top: 2em;
}
.agreements-show .agency .agency-form {
  margin-bottom: 2em;
  /* Прогресс показывается в info секции */
}
.agreements-show .agency .agency-form.processing::before,
.agreements-show .agency .agency-form.processing::after {
  display: none;
}
.agreements-show .agency .agency-form .agency-id,
.agreements-show .agency .agency-form .button {
  vertical-align: bottom;
}
.agreements-show .info {
  margin-top: 1em;
  min-height: 105px;
}
.agreements-show .info .basic-info,
.agreements-show .info .create,
.agreements-show .info .read-and-accept,
.agreements-show .info .print,
.agreements-show .info .essential-elements {
  display: none;
}
.agreements-show .info.not-created .basic-info,
.agreements-show .info.not-created .create {
  display: block;
}
.agreements-show .info.not-accepted .basic-info,
.agreements-show .info.not-accepted .read-and-accept,
.agreements-show .info.not-accepted .essential-elements {
  display: block;
}
.agreements-show .info.accepted .basic-info,
.agreements-show .info.accepted .print,
.agreements-show .info.accepted .essential-elements {
  display: block;
}
.agreements-show .info.read-mode .create,
.agreements-show .info.read-mode .read-and-accept,
.agreements-show .info.read-mode .change {
  display: none;
}
.agreements-show .info .status {
  font-size: 13px;
  margin: 0 0 1em;
  color: #717171;
}
.agreements-show .info .essential-elements {
  margin-top: 2em;
}
.agreements-show .info .essential-elements .change {
  margin-left: 0.5em;
}
.agreements-show .info .essential-elements .key,
.agreements-show .info .essential-elements .value {
  font-size: 13px;
  display: inline-block;
  margin: 0 0 0.3em;
  vertical-align: top;
}
.agreements-show .info .essential-elements .key {
  width: 17em;
  margin-right: 2em;
}
.agreements-show .info .essential-elements .value {
  max-width: 48em;
}
.agreements-show .info .essential-elements .empty::before {
  content: "—";
}
.agreements-change {
  min-width: 1000px;
  padding: 30px 50px;
}
.agreements-change .legal-entity-section,
.agreements-change .private-entrepreneur-section,
.agreements-change .payoneer-section,
.agreements-change .paypal-section {
  display: none;
}
.agreements-change .legal-entity .legal-entity-section,
.agreements-change .private-entrepreneur .private-entrepreneur-section,
.agreements-change .payoneer .payoneer-section,
.agreements-change .paypal .paypal-section {
  display: block;
}
.agreements-change .field,
.agreements-change .info-field {
  font-size: 13px;
  display: block;
  float: left;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.7em;
  width: 250px;
}
.agreements-change .field.legal-address,
.agreements-change .info-field.legal-address,
.agreements-change .field.residency-as-legal-address,
.agreements-change .info-field.residency-as-legal-address,
.agreements-change .field.beneficiary-bank-name,
.agreements-change .info-field.beneficiary-bank-name,
.agreements-change .field.beneficiary-name,
.agreements-change .info-field.beneficiary-name,
.agreements-change .field.correspondent-bank-name,
.agreements-change .info-field.correspondent-bank-name,
.agreements-change .field.contract-basis,
.agreements-change .info-field.contract-basis {
  clear: left;
}
.agreements-change .field.legal-address,
.agreements-change .info-field.legal-address,
.agreements-change .field.residency-address,
.agreements-change .info-field.residency-address,
.agreements-change .field.contract-basis,
.agreements-change .info-field.contract-basis,
.agreements-change .field.contract-basis-gentitive,
.agreements-change .info-field.contract-basis-gentitive,
.agreements-change .field.beneficiary-address,
.agreements-change .info-field.beneficiary-address {
  width: 500px;
}
.agreements-change .field.additional-information,
.agreements-change .info-field.additional-information {
  width: 750px;
}
.agreements-change .field.residency-as-legal-address,
.agreements-change .info-field.residency-as-legal-address {
  width: auto;
}
.agreements-change .account-panel .create {
  position: absolute;
  left: 250px;
  top: -2em;
}
.agreements-change .account-panel .refresh {
  float: left;
  clear: left;
  margin: -0.3em 0 0 250px;
}
.agreements-change .account-panel.spinner-container.loading > * {
  transition: none;
  /* Проблемы с синхронизацией отображающихся значений при анимации */
}
.agreements-change .account-panel .spinner {
  top: 1.5em;
  left: 375px;
}
.agreements-change .account-panel .linking-status .data,
.agreements-change .account-panel .account-status .data {
  font-weight: bold;
  color: #d5232f;
}
.agreements-change .account-panel.linked .linking-status .data,
.agreements-change .account-panel.active .account-status .data {
  color: #009f83;
}
.agreements-accept,
.agreements-accept-public {
  padding: 30px 50px;
}
.agreements-accept .agency-agreement,
.agreements-accept-public .agency-agreement {
  max-width: 210mm;
  /* Привязались к размерам A4 (не считая padding) */
  min-width: 150mm;
}
.agreements-accept-public label {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
}
.agreements-accept-public .button-panel {
  text-align: left;
}
.agreements-accept-public .accept {
  float: right;
}
.agreements-accept-public .details-executor {
  display: none;
}
.agency-agreement td {
  padding: 7.5pt;
  width: 50%;
  vertical-align: top;
}
.agency-agreement p {
  font-size: 9pt;
  font-family: "Arial", sans-serif;
  line-height: 14px;
  color: black;
}
.agency-agreement div {
  page-break-inside: avoid;
}
.agency-agreement strong {
  display: block;
  font-size: 10.5pt;
  font-weight: bold;
  text-align: center;
}
.agency-agreement strong b,
.agency-agreement b {
  font-weight: bold;
}
.agency-agreement .right {
  text-align: right;
}
.agency-agreement .right p {
  text-align: right;
}
.agency-agreement time {
  text-align: right;
  display: block;
  margin: 0.3em 0;
}
.agency-agreement img {
  display: none;
  position: absolute;
}
.agency-agreement small {
  display: block;
  font: inherit;
}
.agency-agreement .hr {
  height: 14px;
  width: 25em;
  border-bottom: 1px solid black;
}
@media print {
  .agency-agreement b {
    font-weight: normal;
  }
  .agency-agreement img {
    display: block;
  }
  .agency-agreement u {
    margin-top: 100px;
  }
  .agency-agreement small {
    margin-bottom: 37px;
  }
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px 30px;
  line-height: 1.4;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  text-align: left;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table.bordered {
  border: 1px solid #ddd;
  border-radius: 3px;
}
.table.striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.attachments-gallery .attachment-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.attachments-gallery .attachment-wrapper::after {
  content: " ";
  width: 133px;
  height: 152px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -66px;
  margin-top: -76px;
  background-image: url("/i/icons/lock-big.png?1");
}
.attachments-gallery .attachment-wrapper.paid .view-attachment-button {
  display: none;
}
.attachments-gallery .attachment-wrapper.paid::after {
  display: none;
}
.attachments-gallery .attachment-wrapper .user-info .upload {
  margin-top: 24px;
}
.attachments-gallery .attachment-wrapper .user-info .upload .popup {
  left: 50%;
  transform: translateX(-50%);
}
.attachments-gallery .attachment-wrapper .user-info .upload .button {
  text-transform: uppercase;
  cursor: pointer;
}
.android-env .attachments-gallery .attachment-wrapper .user-info .upload .button,
.ios-env .attachments-gallery .attachment-wrapper .user-info .upload .button {
  display: none;
}
@media (max-width: 480px), (max-height: 420px) {
  .attachments-gallery .attachment-wrapper .user-info .upload .button {
    display: none;
  }
}
.attachments-gallery .attachment-wrapper .user-info .upload .mobile-button {
  display: none;
}
.android-env .attachments-gallery .attachment-wrapper .user-info .upload .mobile-button,
.ios-env .attachments-gallery .attachment-wrapper .user-info .upload .mobile-button {
  display: inline-block;
}
@media (max-width: 480px), (max-height: 420px) {
  .attachments-gallery .attachment-wrapper .user-info .upload .mobile-button {
    display: inline-block;
  }
}
@media (max-height: 420px) {
  .attachment-viewer .attachments-gallery .attachment-wrapper .user-info .replay {
    bottom: 25px;
  }
}
.attachments-gallery .view-attachment-button {
  display: block;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  left: 50%;
  margin-left: -70px;
  margin-top: 90px;
  z-index: 2;
}
.attachments-gallery .video-wrapper:not(.paid) {
  position: relative;
  height: 100%;
  width: 100%;
  display: table;
}
.attachments-gallery .video-wrapper:not(.paid) .player-wrapper {
  display: none;
}
.attachments-gallery .video-wrapper:not(.paid) .video-preview {
  position: absolute;
  width: 60%;
  height: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1200px;
  -webkit-filter: blur(13px);
  -moz-filter: blur(13px);
  -o-filter: blur(13px);
  -ms-filter: blur(13px);
  filter: blur(13px);
  filter: progid:dximagetransform.microsoft.blur(PixelRadius='3');
}
.attachments-gallery .video-wrapper.paid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.attachments-gallery .video-wrapper.paid .video-blur {
  display: none;
}
.attachments-gallery .video-wrapper > .play-video {
  position: absolute;
}
.attachments-gallery .video-wrapper .player-control {
  position: absolute;
  bottom: 0;
  top: 0;
}
.attachments-gallery .video-wrapper .player-control > .control {
  display: none;
}
.attachments-gallery .video-wrapper .player-control .time-line > .control:not(.active) {
  border-width: 10px 0 10px 15px;
}
.attachments-gallery .video-wrapper .player-control .time-line > .duration::before {
  content: attr(data-duration);
  font-size: 13px;
  position: relative;
  top: -1px;
}
.attachments-gallery .video-wrapper .player-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.attachments-gallery .video-wrapper video {
  background: black;
  transition: opacity 0.1s linear;
  opacity: 1;
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.attachments-gallery .video-wrapper video.loading {
  opacity: 0;
}
.attachments-gallery .video-wrapper .error-text {
  display: none;
  position: absolute;
  color: #fff;
  font-size: 12px;
}
.attachments-gallery .video-wrapper.error .error-text {
  display: block;
}
.attachments-gallery .video-wrapper.error video {
  background: black;
  width: 480px;
  height: 320px;
}
.attachments-gallery .loading > video {
  display: none;
}
.gallery-viewer .attachments-gallery .user-info,
.attachment-viewer .attachments-gallery .user-info {
  display: none;
  height: 340px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-height: 420px) {
  .gallery-viewer .attachments-gallery .user-info,
  .attachment-viewer .attachments-gallery .user-info {
    height: 86%;
  }
}
.gallery-viewer .attachments-gallery .user-info .start-conversation,
.attachment-viewer .attachments-gallery .user-info .start-conversation {
  display: inline-block;
  max-width: 200px;
  width: 100%;
  margin-top: 24px;
}
.gallery-viewer .attachments-gallery .user-info .start-conversation .button,
.attachment-viewer .attachments-gallery .user-info .start-conversation .button {
  position: relative;
  height: 40px;
  width: 100%;
  margin-bottom: 15px;
}
.gallery-viewer .attachments-gallery .user-info .start-conversation .field,
.attachment-viewer .attachments-gallery .user-info .start-conversation .field {
  display: none;
}
.gallery-viewer .attachments-gallery .user-info .conversation-controls,
.attachment-viewer .attachments-gallery .user-info .conversation-controls,
.gallery-viewer .attachments-gallery .user-info .message-input,
.attachment-viewer .attachments-gallery .user-info .message-input {
  white-space: normal;
  display: block;
}
.gallery-viewer .attachments-gallery .user-info .message-input,
.attachment-viewer .attachments-gallery .user-info .message-input {
  order: 3;
}
.gallery-viewer .attachments-gallery .user-info img,
.attachment-viewer .attachments-gallery .user-info img {
  border-radius: 100%;
  width: 130px;
  height: 130px;
}
@media (max-width: 400px), (max-height: 420px) {
  .gallery-viewer .attachments-gallery .user-info img,
  .attachment-viewer .attachments-gallery .user-info img {
    width: 80px;
    height: 80px;
  }
}
.gallery-viewer .attachments-gallery .user-info h3,
.attachment-viewer .attachments-gallery .user-info h3 {
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-weight: normal;
  margin: 14px 0 0;
}
@media (max-width: 400px) {
  .gallery-viewer .attachments-gallery .user-info h3,
  .attachment-viewer .attachments-gallery .user-info h3 {
    padding: 0 10px;
  }
}
.gallery-viewer .attachments-gallery .user-info a,
.attachment-viewer .attachments-gallery .user-info a {
  text-decoration: none;
}
.gallery-viewer .attachments-gallery .user-info .video-postfix,
.attachment-viewer .attachments-gallery .user-info .video-postfix {
  display: none;
}
.gallery-viewer .attachments-gallery .user-info .button.send-message,
.attachment-viewer .attachments-gallery .user-info .button.send-message {
  border-radius: 0.33333em;
}
.gallery-viewer .attachments-gallery .user-info .replay,
.attachment-viewer .attachments-gallery .user-info .replay {
  cursor: pointer;
  position: absolute;
  bottom: -5px;
  left: 50%;
  white-space: nowrap;
  padding: 5px;
  transform: translateX(-50%);
  z-index: 5;
}
.gallery-viewer .attachments-gallery .user-info .replay .text,
.attachment-viewer .attachments-gallery .user-info .replay .text {
  font-size: 16px;
  color: #fff;
  text-decoration: underline;
  vertical-align: middle;
  cursor: pointer;
}
.gallery-viewer .attachments-gallery .user-info .replay svg,
.attachment-viewer .attachments-gallery .user-info .replay svg {
  fill: #fff;
  width: 23px;
  height: 20px;
  padding-right: 5px;
  vertical-align: middle;
  cursor: pointer;
}
@media (max-width: 400px) {
  .gallery-viewer .attachments-gallery .user-info .replay,
  .attachment-viewer .attachments-gallery .user-info .replay {
    bottom: 40px;
  }
}
@media (max-width: 400px) {
  .gallery-viewer .attachments-gallery .user-info,
  .attachment-viewer .attachments-gallery .user-info {
    justify-content: center;
    width: 100%;
    height: 100%;
  }
}
.gallery-viewer .attachments-gallery .ended .user-info,
.attachment-viewer .attachments-gallery .ended .user-info {
  display: flex;
}
.attachments-gallery .ended .player::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  content: '';
}
.attachments-gallery .ended .player-wrapper {
  position: relative;
  height: auto;
  max-height: 100%;
}
.attachments-gallery .ended .player-wrapper::after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.9);
}
.fotorama__html {
  z-index: 1;
}
/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.fotorama--fullscreen,
.fotorama__img {
  max-width: 99999px!important;
  max-height: 99999px!important;
  min-width: 0!important;
  min-height: 0!important;
  border-radius: 0!important;
  box-shadow: none!important;
  padding: 0 !important;
}
.fotorama__wrap .fotorama__grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.fotorama__grabbing * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.fotorama__spinner {
  position: absolute!important;
  top: 50%!important;
  left: 50% !important;
}
.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
  outline: 0;
}
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
  content: '';
  border-radius: inherit;
  background-color: rgba(0, 175, 234, 0.5);
}
.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
  -webkit-transform: none!important;
  transform: none !important;
}
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
  transition-property: -webkit-transform, width;
  transition-property: transform,width;
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-duration: 0ms;
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fotorama__select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.fotorama__nav,
.fotorama__nav__frame {
  margin: auto;
  padding: 0;
}
.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}
.fotorama__nav__frame,
.fotorama__thumb-border {
  box-sizing: content-box;
}
.fotorama__caption__wrap {
  box-sizing: border-box;
}
.fotorama--hidden,
.fotorama__load {
  position: absolute;
  left: -99999px;
  top: -99999px;
  z-index: -1;
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
  -webkit-tap-highlight-color: transparent;
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  background: url(/i/fotorama.png?1) no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__video-close,
  .fotorama__video-play {
    background: url(/i/fotorama@2x.png?1) 0 0px 160px no-repeat;
  }
}
.fotorama__thumb {
  background-color: #7f7f7f;
  background-color: rgba(127, 127, 127, 0.2);
}
@media print {
  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__thumb-border,
  .fotorama__video-close,
  .fotorama__video-play {
    background: none !important;
  }
}
.fotorama {
  min-width: 1px;
  overflow: hidden;
}
.fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {
  display: none;
}
.fullscreen {
  width: 100%!important;
  height: 100%!important;
  max-width: 100%!important;
  max-height: 100%!important;
  margin: 0!important;
  padding: 0!important;
  overflow: hidden!important;
  background: #000;
}
.fotorama--fullscreen {
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  right: 0!important;
  bottom: 0!important;
  float: none!important;
  z-index: 2147483647!important;
  background: #000;
  width: 100%!important;
  height: 100%!important;
  margin: 0 !important;
}
.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
  background: #000;
}
.fotorama__wrap {
  -webkit-text-size-adjust: 100%;
  position: relative;
  direction: ltr;
  z-index: 0;
}
.fotorama__wrap--rtl .fotorama__stage__frame {
  direction: rtl;
}
.fotorama__nav,
.fotorama__stage {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}
.fotorama__wrap--pan-y {
  -ms-touch-action: pan-y;
}
.fotorama__wrap .fotorama__pointer {
  cursor: pointer;
}
.fotorama__wrap--slide .fotorama__stage__frame {
  opacity: 1 !important;
}
.fotorama__stage__frame {
  overflow: hidden;
}
.fotorama__stage__frame.fotorama__active {
  z-index: 8;
}
.fotorama__wrap--fade .fotorama__stage__frame {
  display: none;
}
.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
  display: block;
  left: 0;
  top: 0;
}
.fotorama__wrap--fade .fotorama__fade-front {
  z-index: 8;
}
.fotorama__wrap--fade .fotorama__fade-rear {
  z-index: 7;
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
  z-index: 9;
}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
  display: none;
}
.fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border: none !important;
}
.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
  -ms-filter: "alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full {
  display: none;
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
  display: block;
}
.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
  max-width: 99999px !important;
}
.fotorama__wrap--only-active .fotorama__stage__frame {
  visibility: hidden;
}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
  visibility: visible;
}
.fotorama__nav {
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: none;
  white-space: nowrap;
  z-index: 5;
}
.fotorama__nav__shaft {
  position: relative;
  left: 0;
  top: 0;
  text-align: left;
}
.fotorama__nav__frame {
  position: relative;
  cursor: pointer;
}
.fotorama__nav--dots {
  display: block;
}
.fotorama__nav--dots .fotorama__nav__frame {
  width: 18px;
  height: 30px;
}
.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
  display: none;
}
.fotorama__nav--thumbs {
  display: block;
}
.fotorama__nav--thumbs .fotorama__nav__frame {
  padding-left: 0 !important;
}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
  padding-right: 0 !important;
}
.fotorama__nav--thumbs .fotorama__nav__frame--dot {
  display: none;
}
.fotorama__dot {
  display: block;
  width: 4px;
  height: 4px;
  position: relative;
  top: 12px;
  left: 6px;
  border-radius: 6px;
  border: 1px solid #7f7f7f;
}
.fotorama__nav__frame:focus .fotorama__dot:after {
  padding: 1px;
  top: -1px;
  left: -1px;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
  width: 0;
  height: 0;
  border-width: 3px;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
  padding: 3px;
  top: -3px;
  left: -3px;
}
.fotorama__thumb {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.fotorama__nav__frame:focus .fotorama__thumb {
  z-index: 2;
}
.fotorama__thumb-border {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #00afea;
  background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
}
.fotorama__caption {
  position: absolute;
  z-index: 12;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}
.fotorama__caption a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.5);
}
.fotorama__caption a:hover {
  color: #333;
  border-color: rgba(51, 51, 51, 0.5);
}
.fotorama__wrap--rtl .fotorama__caption {
  left: auto;
  right: 0;
}
.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
  display: none;
}
.fotorama__caption__wrap {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px 10px;
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fotorama__wrap--css3 .fotorama__spinner {
  -webkit-animation: spinner 24s infinite linear;
  animation: spinner 24s infinite linear;
}
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
  transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: 0.3s;
}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.fotorama__select {
  cursor: auto;
}
.fotorama__video {
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 10;
}
@-moz-document url-prefix() {
  .fotorama__active {
    box-shadow: 0 0 0 transparent;
  }
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  position: absolute;
  z-index: 11;
  cursor: pointer;
}
.fotorama__arr {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
}
.fotorama__arr--prev {
  left: 2px;
  background-position: 0 0;
}
.fotorama__arr--next {
  right: 2px;
  background-position: -32px 0;
}
.fotorama__arr--disabled {
  pointer-events: none;
  cursor: default;
  *display: none;
  opacity: 0.1;
}
.fotorama__fullscreen-icon {
  width: 32px;
  height: 32px;
  top: 2px;
  right: 2px;
  background-position: 0 -32px;
  z-index: 20;
}
.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
  border-radius: 50%;
}
.fotorama--fullscreen .fotorama__fullscreen-icon {
  background-position: -32px -32px;
}
.fotorama__video-play {
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
  background-position: 0 -64px;
  opacity: 0;
}
.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
  display: none;
}
.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
  opacity: 1;
  display: block;
}
.fotorama__nav__frame .fotorama__video-play {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  background-position: -64px -32px;
}
.fotorama__video-close {
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
  background-position: -64px 0;
  z-index: 20;
  opacity: 0;
}
.fotorama__wrap--css2 .fotorama__video-close {
  display: none;
}
.fotorama__wrap--css3 .fotorama__video-close {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}
.fotorama__wrap--video .fotorama__video-close {
  display: block;
  opacity: 1;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  opacity: 0;
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  opacity: 1;
}
.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
  opacity: 0 !important;
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  display: none;
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  display: block;
}
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
  display: none !important;
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
  -webkit-transform: translate3d(-48px, 0, 0);
  transform: translate3d(-48px, 0, 0);
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
  -webkit-transform: translate3d(48px, 0, 0);
  transform: translate3d(48px, 0, 0);
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
  -webkit-transform: translate3d(32px, -32px, 0) !important;
  transform: translate3d(32px, -32px, 0) !important;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
  -webkit-transform: translate3d(-48px, 0, 0) !important;
  transform: translate3d(-48px, 0, 0) !important;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
  -webkit-transform: translate3d(48px, 0, 0) !important;
  transform: translate3d(48px, 0, 0) !important;
}
.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
  transition-property: -webkit-transform, opacity;
  transition-property: transform,opacity;
  transition-duration: 0.3s;
}
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
  content: "";
  display: block;
  position: absolute;
  text-decoration: none;
  top: 0;
  bottom: 0;
  width: 10px;
  height: auto;
  z-index: 10;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 1px 100%, 5px 100%;
}
.fotorama__nav:before,
.fotorama__stage:before {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 0 0,0 0;
  left: -10px;
}
.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
  left: 0;
}
.fotorama__nav:after,
.fotorama__stage:after {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 100% 0,100% 0;
  right: -10px;
}
.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
  right: 0;
}
.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
  display: none;
}
.fotorama.custom-arrows .fotorama__arr {
  width: 37px;
  height: 53px;
  margin-top: -26px;
}
.fotorama.custom-arrows .fotorama__arr.fotorama__arr--prev {
  background: url('/i/icons/left-inactive-arrow.png?1') 0 0;
  left: 30px;
  transition-property: transform, opacity, background-image !important;
}
.fotorama.custom-arrows .fotorama__arr.fotorama__arr--prev.active {
  background: url('/i/icons/left-active-arrow.png?1') 0 0;
}
.mirror .fotorama.custom-arrows .fotorama__arr.fotorama__arr--prev {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.fotorama.custom-arrows .fotorama__arr.fotorama__arr--next {
  background: url('/i/icons/right-inactive-arrow.png?1') 0 0;
  right: 30px;
  transition-property: transform, opacity, background-image !important;
}
.fotorama.custom-arrows .fotorama__arr.fotorama__arr--next.active {
  background: url('/i/icons/right-active-arrow.png?1') 0 0;
}
.mirror .fotorama.custom-arrows .fotorama__arr.fotorama__arr--next {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.fotorama .fotorama__html .fotorama__video {
  top: 0;
}
.fotorama .fotorama__wrap--video--playing .fotorama__video-play {
  display: none;
}
.fotorama .fotorama-deferred {
  opacity: 0;
}
.fotorama .fotorama__loaded--img .fotorama-deferred {
  opacity: 1;
}
.fotorama .fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama .fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama .fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama .fotorama__caption,
.fotorama .fotorama__nav::after,
.fotorama .fotorama__nav::before,
.fotorama .fotorama__stage::after,
.fotorama .fotorama__stage::before,
.fotorama .fotorama__wrap--css3 .fotorama__html,
.fotorama .fotorama__wrap--css3 .fotorama__nav,
.fotorama .fotorama__wrap--css3 .fotorama__spinner,
.fotorama .fotorama__wrap--css3 .fotorama__stage,
.fotorama .fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama .fotorama__wrap--css3 .fotorama__stage__frame {
  will-change: transform;
}
.fotorama.custom-loader .fotorama__spinner {
  width: 24px;
  height: 24px;
  background: url(/i/loader-white-48.gif?1) center center no-repeat;
  background-size: 24px;
  animation: none;
  margin-left: -12px;
  margin-top: -12px;
}
.fotorama.custom-loader.loading::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  background: url(/i/loader-white-48.gif?1) center center no-repeat;
  background-size: 24px;
  animation: none;
  margin-left: -12px;
  margin-top: -12px;
}
.fotorama.dark.custom-arrows .fotorama__arr.fotorama__arr--prev {
  background: url('/i/icons/left-active-arrow-black.png?1') center left no-repeat;
}
.fotorama.dark.custom-arrows .fotorama__arr.fotorama__arr--next {
  background: url('/i/icons/right-active-arrow-black.png?1') center right no-repeat;
}
.fotorama.dark .fotorama__nav__frame--dot .fotorama__dot {
  height: 6px;
  width: 6px;
  border: none;
  background: #e7e7e7;
}
.fotorama.dark .fotorama__nav__frame--dot.fotorama__active .fotorama__dot {
  background: #fbb63f;
}
.welcome-email .letter-tab .change-pending-introductory {
  display: none;
}
.welcome-email .letter-tab .button.approve {
  text-transform: uppercase;
}
.welcome-email .letter-tab .letter-form {
  height: calc(100% - 53px);
}
@media (max-width: 1160px) {
  .welcome-email .letter-tab .letter-form {
    height: calc(100% - 37px);
  }
}
.welcome-email .letter-tab .letter-form .letter-text {
  height: 100%;
  overflow-y: initial;
}
.welcome-email .letter-tab .attachments-wrapper {
  border: 1px #eee solid;
  border-width: 0 1px 0 1px;
}
.welcome-email .letter-tab .letter-subject {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}
.welcome-email .letter-tab .about-chat {
  height: 35%;
}
.welcome-email .letter-tab .about-chat .profiles {
  margin-left: 0;
}
.welcome-email .letter-tab .about-chat .profile-card {
  text-align: center;
}
.welcome-email .letter-tab .about-chat .thumbnail {
  width: 80px;
  height: 80px;
}
.welcome-email .letter-tab .about-chat .description {
  display: block;
  min-width: initial;
  padding: 5px 0 0;
}
.welcome-email .letter-tab .about-chat .description .representation {
  border: none;
  color: #fff;
  text-shadow: 0 2px 4px #000, 0 0 1px #000;
}
.welcome-email .letter-tab .about-chat .description .welcome-email-title {
  font-size: 24px;
  color: #fff;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
}
.welcome-email .letter-tab .about-chat .description .name {
  padding: 0;
}
.welcome-email .letter-tab .about-chat .description .age {
  font-size: 20px;
  display: inline;
}
.welcome-email .letter-tab .user-info-row {
  display: table-row;
  width: 100%;
  height: 100%;
}
.welcome-email .letter-tab .approval-info-row {
  display: table-row;
  width: 100%;
}
.welcome-email .letter-tab .about-chat-table {
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}
.welcome-email .letter-tab .menu-wrapper {
  height: 65%;
}
.welcome-email .letter-tab .approval-info {
  text-align: center;
  font-size: 15px;
  color: #fff;
  position: relative;
  display: inline-block;
  padding: 10px 35px;
  margin: 10px 50px 20px;
  border-radius: 20px;
}
.welcome-email .letter-tab .approval-info h4 {
  margin: 0;
}
.welcome-email .letter-tab .approval-info.not-approved {
  background-color: #cc0000;
}
.welcome-email .letter-tab .approval-info.approved {
  background-color: #00b15e;
}
.welcome-email .letter-tab .welcome-email-title {
  display: block;
}
.welcome-email .letter-tab .representation {
  display: none;
}
.welcome-email .letter-tab.common.approved .menu-wrapper,
.welcome-email .letter-tab.moderation.pending .menu-wrapper {
  display: none;
}
.welcome-email .letter-tab.common.approved .read-letter-wrapper,
.welcome-email .letter-tab.moderation.pending .read-letter-wrapper {
  display: table-row;
  height: 65%;
  padding: 10px;
}
.welcome-email .letter-tab.common.approved .message-section,
.welcome-email .letter-tab.moderation.pending .message-section {
  height: 100%;
  display: block;
  padding: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: border-box;
}
@supports (-ms-accelerator:true) {
  .welcome-email .letter-tab.common.approved .message-section,
  .welcome-email .letter-tab.moderation.pending .message-section {
    box-sizing: border-box;
  }
}
@supports (-ms-ime-align: auto) {
  .welcome-email .letter-tab.common.approved .message-section,
  .welcome-email .letter-tab.moderation.pending .message-section {
    box-sizing: border-box;
  }
}
.welcome-email .letter-tab.common.approved .message-wrapper,
.welcome-email .letter-tab.moderation.pending .message-wrapper {
  display: table-row;
  height: 100%;
  text-align: left;
}
.welcome-email .letter-tab.common.approved .message-box,
.welcome-email .letter-tab.moderation.pending .message-box {
  text-align: center;
  display: table;
  width: 100%;
  padding: 18px 0 0 0;
  margin: 0;
  box-sizing: border-box;
}
.welcome-email .letter-tab.common.approved .change-introductory {
  margin: 25px 0;
}
.welcome-email .letter-tab.common.approved .approve-section {
  display: none;
}
.welcome-email .letter-tab.moderation.pending .welcome-email-title,
.welcome-email .letter-tab.moderation.pending .change-introductory,
.welcome-email .letter-tab.moderation.pending .approval-info-row {
  display: none;
}
.welcome-email .letter-tab.moderation.pending .representation {
  display: block;
}
.welcome-email .letter-tab.moderation.pending .attachments-wrapper {
  border: none;
}
.welcome-email .letter-tab.moderation.pending .letter-subject {
  border-right: none;
  border-left: none;
}
.welcome-email .letter-tab.moderation.pending .approve-section {
  display: block;
  text-align: left;
  padding: 15px 20px;
}
.welcome-email .letter-tab.moderation.pending .approve-section .customized-select select {
  height: 38px;
  line-height: 38px;
}
.welcome-email .letter-tab.moderation.pending .approve-section .customized-select::before {
  height: 38px;
}
.welcome-email .letter-tab.moderation.pending .approve-section .button {
  float: right;
}
.welcome-email .letter-tab.moderation.pending .approve-section .production-approve,
.welcome-email .letter-tab.moderation.pending .approve-section .other-reason {
  display: none;
}
.welcome-email .letter-tab.moderation.pending .approve-section .production-decline {
  display: inline-block;
}
.welcome-email .letter-tab.moderation.pending .approve-section.approve .production-approve {
  display: inline-block;
}
.welcome-email .letter-tab.moderation.pending .approve-section.approve .production-decline {
  display: none;
}
.welcome-email .letter-tab.moderation.pending .approve-section.other .other-reason {
  display: block;
  height: 38px;
  margin-top: 8px;
  padding: 0 10px;
}
.welcome-email .letter-tab.common.new .approval-info-row {
  display: none;
}
.welcome-email .letter-tab.common.pending .send-letter {
  display: none;
}
.welcome-email .letter-tab.common.pending .toolbar-panel {
  padding-bottom: 178px;
}
.welcome-email .letter-tab.common.pending .change-pending-introductory {
  display: block;
  position: absolute;
  bottom: 90px;
  width: 100%;
  text-align: center;
}
.welcome-email .letter-tab.common.pending .change-introduction-info {
  text-align: center;
  color: #a9a9a9;
  font-size: 11px;
  margin-top: 18px;
}
.welcome-email .letter-tab.moderation.new {
  background: #f5f5f5 url("/i/chat/chat-background.jpg?1") no-repeat 100% 0 !important;
}
.welcome-email .letter-tab.moderation.new .send-letter-wrapper,
.welcome-email .letter-tab.moderation.new .letter-cover-image {
  display: none;
}
.welcome-email .letter-tab.moderation.new .no-introductory {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
}
.welcome-email .letter-tab.moderation.new .no-introductory .approve {
  margin-top: 20px;
}
@media (max-width: 1160px) and (min-width: 768px), (max-width: 480px) {
  .welcome-email .letter-tab .menu-panel .attachments {
    display: inline-block;
  }
}
.welcome-email .letter-tab .attachments {
  padding-bottom: 8px;
}
.welcome-email .no-introductory {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.feels-form {
  padding: 25px 65px 45px 65px;
}
.feels-form .editable-section {
  max-width: 521px;
  padding: 50px 0;
}
.feels-form .button-section {
  position: relative;
  text-align: center;
}
.feels-form .title {
  font-weight: normal;
  text-align: center;
}
.feels-form .approve {
  text-transform: uppercase;
}
.intro-content {
  background-color: #fff;
}
.intro-content .block-header,
.intro-content .block-footer,
.intro-content .block-content {
  position: static;
  display: block;
  padding: 30px;
}
.intro-content .block-header {
  background-color: #cc0000;
  color: #fff;
}
.intro-content .highlight {
  color: #cc0000;
  margin-bottom: 30px;
}
.intro-content .description {
  margin-top: 30px;
  margin-bottom: 30px;
}
.intro-content .info {
  font-size: 11px;
  color: #717171;
}
.intro-content .block-image,
.intro-content .block-text {
  display: inline-block;
  vertical-align: middle;
}
.intro-content .block-image {
  margin-left: 20px;
  margin-right: 20px;
}
@media (max-width: 600px) {
  .intro-content .block-image {
    display: none;
  }
}
.intro-content .block-text {
  position: relative;
  text-align: left;
}
.intro-content .block-text-right {
  text-align: right;
}
@media (max-width: 600px) {
  .intro-content .block-text {
    text-align: center;
    margin: 1.5em;
  }
}
.intro-content .block-text::after {
  content: ' ';
  position: absolute;
  left: 0;
  bottom: -1em;
  width: 50px;
  border-bottom: 1px solid #f9f9f9;
}
@media (max-width: 600px) {
  .intro-content .block-text::after {
    left: 50%;
    margin-left: -25px;
  }
}
.intro-content .block-text-right::after {
  left: auto;
  right: 0;
}
@media (max-width: 600px) {
  .intro-content .block-text-right::after {
    left: 50%;
    right: auto;
    margin-left: -25px;
  }
}
.intro-content button {
  margin-top: 30px;
  margin-bottom: 30px;
}
.intro-content .block-footer {
  border-top: 1px solid #f0f0f0;
}
.intro-content .block-footer button {
  margin-top: 30px;
  margin-bottom: 16px;
}
@media (max-width: 600px) {
  .intro-content .block-header,
  .intro-content .block-footer,
  .intro-content .block-content {
    padding: 16px;
    font-size: 0.85em;
  }
}
.touchcarousel-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.touchcarousel-wrapper.grabbing-cursor {
  cursor: move;
}
.touchcarousel-item {
  display: inline-block;
  position: relative;
}
.touchcarousel-container {
  position: relative;
  height: 100%;
}
.arrow-holder {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 60px;
  height: 100%;
  opacity: 0.75;
  border-bottom: none !important;
  transition: opacity 0.25s;
}
.arrow-holder.disabled {
  display: none;
}
.arrow-holder .arrow-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  width: 26px;
  height: 40px;
}
.mirror .arrow-holder .arrow-icon {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.arrow-holder:hover {
  opacity: 1;
}
.arrow-holder.left {
  left: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), #000000);
}
.arrow-holder.left .arrow-icon {
  margin-left: -15px;
  background: url('/i/profile/gallery-arrow-left.png?1');
  background-size: 26px auto;
  background-repeat: no-repeat;
  background-position: 50%;
}
.arrow-holder.right {
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #000000);
}
.arrow-holder.right .arrow-icon {
  margin-left: -11px;
  background: url('/i/profile/gallery-arrow-right.png?1') 50% no-repeat;
  background-size: 26px auto;
}
.mirror .interest .icon-wrapper {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.interest .icon {
  background: url('/i/interests.png?noMirror&2') no-repeat;
  display: block;
}
.interest.beach .icon {
  background-position: -5px -5px;
  width: 26px;
  height: 27px;
}
.interest.biking .icon {
  background-position: -41px -5px;
  width: 32px;
  height: 19px;
}
.interest.books .icon {
  background-position: -83px -5px;
  width: 29px;
  height: 19px;
}
.interest.camping .icon {
  background-position: -122px -5px;
  width: 31px;
  height: 23px;
}
.interest.cars .icon {
  background-position: -41px -38px;
  width: 35px;
  height: 12px;
}
.interest.cooking .icon {
  background-position: -86px -38px;
  width: 23px;
  height: 27px;
}
.interest.dancing .icon {
  background-position: -119px -38px;
  width: 32px;
  height: 30px;
}
.interest.diving .icon {
  background-position: -5px -78px;
  width: 25px;
  height: 25px;
}
.interest.fashion .icon {
  background-position: -40px -78px;
  width: 29px;
  height: 20px;
}
.interest.fishing-hunting .icon {
  background-position: -79px -78px;
  width: 28px;
  height: 27px;
}
.interest.games .icon {
  background-position: -117px -78px;
  width: 29px;
  height: 24px;
}
.interest.hobbies_crafts .icon {
  background-position: -40px -112px;
  width: 25px;
  height: 31px;
}
.interest.hockey .icon {
  background-position: -117px -112px;
  width: 27px;
  height: 24px;
}
.interest.movies .icon {
  background-position: -163px -5px;
  width: 23px;
  height: 23px;
}
.interest.museum-arts .icon {
  background-position: -161px -38px;
  width: 28px;
  height: 19px;
}
.interest.music-concerts .icon {
  background-position: -161px -67px;
  width: 28px;
  height: 14px;
}
.interest.nature .icon {
  background-position: -156px -91px;
  width: 19px;
  height: 31px;
}
.interest.party .icon {
  background-position: -75px -132px;
  width: 29px;
  height: 19px;
}
.interest.sailing .icon {
  background-position: -154px -132px;
  width: 32px;
  height: 22px;
}
.interest.shopping .icon {
  background-position: -5px -132px;
  width: 22px;
  height: 25px;
}
.interest.sports .icon {
  background-position: -37px -164px;
  width: 22px;
  height: 22px;
}
.interest.travelling .icon {
  background-position: -69px -164px;
  width: 20px;
  height: 28px;
}
.interest.tv .icon {
  background-position: -99px -164px;
  width: 28px;
  height: 19px;
}
.interest.yoga .icon {
  background-position: -137px -164px;
  width: 24px;
  height: 24px;
}
.interest.beach .icon-wrapper {
  background-color: #b0d553;
}
.interest.biking .icon-wrapper {
  background-color: #ff6f41;
}
.interest.books .icon-wrapper {
  background-color: #7c064d;
}
.interest.camping .icon-wrapper {
  background-color: #21e6a7;
}
.interest.cars .icon-wrapper {
  background-color: #e7272d;
}
.interest.cooking .icon-wrapper {
  background-color: #ddbc89;
}
.interest.dancing .icon-wrapper {
  background-color: #453953;
}
.interest.diving .icon-wrapper {
  background-color: #118df0;
}
.interest.fashion .icon-wrapper {
  background-color: #b463a6;
}
.interest.fishing-hunting .icon-wrapper {
  background-color: #343b99;
}
.interest.games .icon-wrapper {
  background-color: #61b136;
}
.interest.hobbies_crafts .icon-wrapper {
  background-color: #fb607f;
}
.interest.hockey .icon-wrapper {
  background-color: #3bbbb3;
}
.interest.movies .icon-wrapper {
  background-color: #0e5f76;
}
.interest.museum-arts .icon-wrapper {
  background-color: #ffc045;
}
.interest.music-concerts .icon-wrapper {
  background-color: #00c3ff;
}
.interest.nature .icon-wrapper {
  background-color: #3bb873;
}
.interest.party .icon-wrapper {
  background-color: #d14848;
}
.interest.sailing .icon-wrapper {
  background-color: #ff926b;
}
.interest.shopping .icon-wrapper {
  background-color: #95cadb;
}
.interest.sports .icon-wrapper {
  background-color: #dde55c;
}
.interest.travelling .icon-wrapper {
  background-color: #264aff;
}
.interest.tv .icon-wrapper {
  background-color: #e18237;
}
.interest.yoga .icon-wrapper {
  background-color: #becfd6;
}
.flag::after {
  content: ' ';
  position: absolute;
  left: 2px;
  top: 0;
  bottom: 0;
  width: 2.2rem;
  background-position: center center;
  background-repeat: no-repeat;
}
.flag.en-US::after {
  background-image: url('/i/icons/flag/en.png?1');
}
.flag.ar-SA::after {
  background-image: url('/i/icons/flag/ar.png?1');
}
.flag.fr-FR::after {
  background-image: url('/i/icons/flag/fr.png?1');
}
.flag.zh-CN::after {
  background-image: url('/i/icons/flag/zh.png?1');
}
.mirror .flag::after {
  left: auto;
}
.mirror .language .customized-select {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.mirror .language .customized-select::before,
.mirror .language .customized-select select {
  height: 42px;
}
.promoter-passport #hbs-promoter-passport .preview,
.promoter-passport #hbs-promoter-passport .uploader,
.promoter-passport #hbs-promoter-passport .alias,
.promoter-passport #hbs-promoter-passport .button-wrapper,
.promoter-passport #hbs-promoter-passport .promoter-phone {
  display: none;
}
.promoter-passport #hbs-promoter-passport .passport-scan h1 {
  display: none;
}
.promoter-passport #hbs-promoter-passport.upload .uploader {
  display: block;
}
.promoter-passport #hbs-promoter-passport.upload .for-upload {
  display: block;
}
.promoter-passport #hbs-promoter-passport.preview .preview {
  display: block;
}
.promoter-passport #hbs-promoter-passport.passport-code .preview,
.promoter-passport #hbs-promoter-passport.passport-code .alias,
.promoter-passport #hbs-promoter-passport.passport-code .button-wrapper {
  display: block;
}
.promoter-passport #hbs-promoter-passport.passport-code .preview .buttons-wrapper {
  display: none;
}
.promoter-passport #hbs-promoter-passport.passport-code .for-number {
  display: block;
}
.promoter-passport #hbs-promoter-passport.phone .promoter-phone,
.promoter-passport #hbs-promoter-passport.phone .promoter-phone .button-wrapper {
  display: block;
}
.promoter-passport #hbs-promoter-passport.phone .passport-scan {
  display: none;
}
.promoter-passport #hbs-promoter-passport .form .data {
  padding-top: 0.485714em;
  padding-bottom: 0.485714em;
}
.promoter-passport #hbs-promoter-passport .uploader {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}
.promoter-passport #hbs-promoter-passport .uploader .button {
  margin-bottom: 20px;
  width: 315px;
  text-align: left;
}
.promoter-passport #hbs-promoter-passport .uploader .button:last-child {
  margin-bottom: 0;
}
.promoter-passport #hbs-promoter-passport .document-description {
  max-width: 300px;
  text-align: center;
  margin: 0 auto 30px auto;
  font-size: 14px;
  color: #9b9b9b;
}
.promoter-passport #hbs-promoter-passport .promoter-phone .field {
  margin: 30px auto 0;
  width: 315px;
}
.promoter-passport #hbs-promoter-passport .default.button {
  background-color: #fff;
  text-transform: uppercase;
}
.promoter-passport #hbs-promoter-passport .add-photo {
  overflow: hidden;
}
.promoter-passport #hbs-promoter-passport .add-photo input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 15em;
  cursor: pointer;
}
.promoter-passport #hbs-promoter-passport .add-photo input::-webkit-file-upload-button {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.promoter-passport #hbs-promoter-passport .preview {
  position: relative;
  max-width: 640px;
  margin: 30px 0;
}
.promoter-passport #hbs-promoter-passport .preview .buttons-wrapper {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
}
.promoter-passport #hbs-promoter-passport .scan {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}
.promoter-passport #hbs-promoter-passport .button-wrapper,
.promoter-passport #hbs-promoter-passport .alias {
  max-width: 315px;
  margin: 0 auto;
}
.promoter-passport #hbs-promoter-passport .button-wrapper {
  margin-top: 30px;
  margin-bottom: 20px;
}
.promoter-passport #hbs-promoter-passport .button-wrapper .button {
  width: 100%;
}
.promoter-passport #hbs-promoter-passport .indicators-wrapper {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
}
.promoter-passport #hbs-promoter-passport .indicator {
  display: inline-block;
  width: 6px;
  height: 6px;
  border: 1px solid #a0a0a0;
  border-radius: 50%;
}
.promoter-passport #hbs-promoter-passport.upload .indicator.upload,
.promoter-passport #hbs-promoter-passport.preview .indicator.upload,
.promoter-passport #hbs-promoter-passport.passport-code .indicator.passport-code,
.promoter-passport #hbs-promoter-passport.phone .indicator.phone {
  background: #414141;
}
.hint-container .hint {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  z-index: 3;
  padding: 12px;
  opacity: 0;
  border-radius: 4px;
  background: #2d2d2d;
  color: #fff;
  bottom: -9999px;
  margin-bottom: 0;
  text-align: center;
  transition: opacity 0.25s, bottom 0s linear 0.25s, margin-bottom 0.25s;
}
.hint-container .hint .message {
  font-size: 16px;
  line-height: 17px;
}
.hint-container .hint::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: '';
  bottom: -6px;
  border-top: 6px solid #2d2d2d;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  right: 50%;
  margin-right: -5px;
}
.hint-container.common .hint {
  background: #2d2d2d;
}
.hint-container.common .hint::after {
  border-top-color: #2d2d2d;
}
.hint-container.error .hint {
  background: #d5232f;
}
.hint-container.error .hint::after {
  border-top-color: #d5232f;
}
.hint-container .hint-trigger .help:hover + .hint,
.hint-container.opened .hint {
  opacity: 1;
  bottom: 100%;
  margin-bottom: 6px;
  transition: opacity 0.25s, bottom 0s, margin-bottom 0.25s;
}
.hint-container .hint-trigger {
  position: relative;
}
.hint-container .hint-trigger .help {
  cursor: pointer;
}
.hint-container .hint-trigger .help + .hint {
  left: -20px;
  text-align: left;
  width: 500px;
}
.hint-container .hint-trigger .help + .hint::after {
  right: auto;
  margin-right: -5px;
  left: 28px;
}
.hint-container .hint-trigger .help + .hint.hint-left {
  left: auto;
  right: -20px;
}
.hint-container .hint-trigger .help + .hint.hint-left::after {
  right: 28px;
  left: auto;
}
.input-container {
  position: relative;
}
.input-container input.has-description {
  padding-right: 40px;
  padding-left: 40px;
}
.input-container .opened .hint {
  margin-bottom: -5px;
}
.input-container .description .hint::after {
  right: 22px;
}
.input-container .description .hint-trigger {
  opacity: 0.3;
  width: 20px;
  height: 20px;
  right: 13px;
  top: 18px;
  position: absolute;
  z-index: 2;
  transition: opacity 0.25s;
}
.input-container .description .hint-trigger:hover {
  cursor: pointer;
}
.input-container .description.opened .hint-trigger {
  opacity: 1;
}
.presents-orders-wrapper {
  height: 100%;
  padding: 55px 0 0 0;
  box-sizing: border-box;
  margin: auto;
}
@media (max-height: 768px) {
  .presents-orders-wrapper {
    padding-top: 15px;
  }
}
.presents-orders-wrapper .nano-content {
  right: -17px;
}
.presents-orders-wrapper .nano-content .nano-content::-webkit-scrollbar {
  display: block;
}
.presents-orders-wrapper .navigation {
  position: absolute;
  left: 50px;
}
.presents-orders-wrapper .photo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.presents-orders-wrapper .button:first-child {
  margin: 0;
}
.presents-orders-wrapper .data-wrapper {
  display: inline-block;
  margin-right: 5px;
}
.presents-orders-wrapper .data-wrapper:first-child {
  margin: 0;
}
.presents-orders-wrapper .list-container {
  position: relative;
  z-index: 0;
}
.presents-orders-wrapper .tab-content {
  height: 100%;
  text-align: center;
}
.presents-orders-wrapper .tab-content > .empty {
  display: none;
  width: 100%;
}
@media (min-width: 1024px) {
  .presents-orders-wrapper .tab-content > .empty {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 35%);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .presents-orders-wrapper .tab-content > .empty {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 767px) {
  .presents-orders-wrapper .tab-content > .empty {
    position: absolute;
    top: 10%;
    margin-top: 40px;
  }
}
.presents-orders-wrapper .tab-content > .empty .image {
  background: url(/i/presents/female.png) no-repeat;
  background-size: 310px 289px;
  width: 310px;
  height: 289px;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .presents-orders-wrapper .tab-content > .empty .image {
    background-size: 150px 140px;
    width: 150px;
    height: 140px;
  }
}
.presents-orders-wrapper .tab-content > .empty p {
  font-size: 15px;
  margin: 25px auto;
  max-width: 425px;
  color: #585d65;
}
.presents-orders-wrapper .tab-content > .empty .button {
  text-transform: uppercase;
}
.presents-orders-wrapper .tab-content.empty {
  min-height: 100%;
}
.presents-orders-wrapper .tab-content.empty .list-container {
  display: none;
}
.presents-orders-wrapper .tab-content.empty .empty {
  display: block;
}
.presents-orders-wrapper .filter {
  height: 44px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.presents-orders-wrapper .dash {
  display: inline-block;
  text-align: center;
}
.presents-orders-wrapper .tab-trigger {
  display: inline-block;
}
.presents-orders-wrapper .tab-trigger,
.presents-orders-wrapper .tab-trigger:hover {
  border: none;
}
.presents-orders-wrapper .tab-trigger.active,
.presents-orders-wrapper .tab-trigger:hover.active {
  color: #222;
}
.presents-orders-wrapper .tabs-menu {
  position: relative;
  min-height: 5%;
  max-width: 250px;
  margin: auto;
  text-align: justify;
  text-justify: newspaper;
}
.presents-orders-wrapper .tabs-menu::after {
  content: '';
  display: inline-block;
  width: 100%;
}
.role-agencies-operator .presents-orders-wrapper .tabs-menu {
  max-width: 300px;
}
.presents-orders-wrapper .tabs-menu .canceled {
  display: none;
}
.presents-orders-wrapper .tabs-content {
  min-height: 95%;
}
.presents-orders-wrapper .form {
  position: static;
  display: none;
  width: 925px;
  padding-bottom: 20px;
}
.presents-orders-wrapper .form .data-wrapper {
  width: 140px;
}
.presents-orders-wrapper .form .button {
  text-transform: uppercase;
}
.role-commissions-operator .presents-orders-wrapper .form {
  display: inline-block;
}
.presents-orders-wrapper .list-container {
  height: 100%;
}
.presents-orders-wrapper .list-container ul {
  margin: auto;
  padding-left: 90px;
  list-style-type: none;
}
.presents-orders-wrapper .list-container li {
  display: inline-block;
  margin-right: 90px;
  margin-bottom: 50px;
  text-align: center;
}
.presents-orders-wrapper .notes {
  position: relative;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 20px;
  box-sizing: border-box;
}
@media (max-width: 500px) {
  .presents-orders-wrapper .notes {
    width: 100%;
  }
}
@media (max-width: 1660px) {
  .presents-orders-wrapper .list-container ul {
    padding-left: 60px;
  }
}
@media (max-width: 1400px) {
  .presents-orders-wrapper .list-container ul {
    padding-right: 0;
    padding-left: 20px;
  }
}
@media (max-width: 1310px) {
  .presents-orders-wrapper .list-container ul {
    padding-left: 85px;
  }
}
@media (max-width: 1050px) {
  .presents-orders-wrapper .list-container ul {
    padding-right: 0;
    padding-left: 25px;
  }
}
@media (max-width: 810px) {
  .presents-orders-wrapper .list-container ul {
    padding-left: 0;
  }
}
@media (max-width: 650px) {
  .presents-orders-wrapper .list-container ul {
    padding-left: 0;
  }
}
@media (max-width: 1660px) {
  .presents-orders-wrapper .list-container ul li {
    margin-right: 60px;
  }
}
@media (max-width: 1400px) {
  .presents-orders-wrapper .list-container ul li {
    margin-right: 20px;
  }
}
@media (max-width: 1310px) {
  .presents-orders-wrapper .list-container ul li {
    margin-right: 85px;
  }
}
@media (max-width: 1050px) {
  .presents-orders-wrapper .list-container ul li {
    margin-right: 25px;
  }
}
@media (max-width: 810px) {
  .presents-orders-wrapper .list-container ul li {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.presents-orders-container .button.settings {
  display: none;
}
.role-commissions-operator .presents-orders-container .button.settings {
  display: inline-block;
}
.role-agencies-operator .presents-orders-container .button.settings {
  display: none;
}
.presents-orders-container .orders-filters-form .button {
  height: 44px;
}
.presents-orders-container .orders-filters-form .agency {
  display: none;
}
.role-agencies-operator .presents-orders-container .orders-filters-form .agency {
  display: inline-block;
}
.presents-orders-container .orders-filters-form .date-from,
.presents-orders-container .orders-filters-form .date-to {
  width: 171px;
}
.presents-orders-container .orders-container {
  height: calc(100vh - 155px);
}
@media (max-height: 768px) {
  .presents-orders-container .orders-container {
    height: calc(100vh - 115px);
  }
}
.role-commissions-operator .presents-orders-container .orders-container {
  height: calc(100vh - 155px - 64px);
}
.role-commissions-operator .presents-orders-container .orders-container.loading > * {
  opacity: 1;
}
.role-commissions-operator .presents-orders-container .orders-container .spinner {
  display: none;
}
.presents-orders-container .notes {
  display: none;
}
.presents-orders-container .notes .note {
  display: none;
}
.presents-settings-container {
  text-align: center;
}
.presents-settings-container .users-container {
  height: calc(100% - 100px);
}
.presents-settings-container .users {
  font-size: 0;
  text-align: left;
}
.presents-settings-container .users li {
  position: relative;
  width: 210px;
  margin: 0 10px 30px 0;
  text-align: left;
}
.presents-settings-container .users .no-status .thumbnail::before {
  display: block;
  background: #404040;
}
.presents-settings-container .users .active .thumbnail::after,
.presents-settings-container .users .active .thumbnail::before {
  display: block;
}
.presents-settings-container .users label {
  cursor: pointer;
}
.presents-settings-container .users .processing label {
  cursor: default;
}
.presents-settings-container .users .processing .thumbnail::before {
  background: #fff;
}
.presents-settings-container .users .processing .thumbnail::after {
  background: url(/i/preloader-white-16.gif?1) center center no-repeat;
}
.presents-settings-container .users .processing .thumbnail::after,
.presents-settings-container .users .processing .thumbnail::before {
  display: block;
}
.presents-settings-container .thumbnail {
  position: relative;
  width: 80px;
  height: 80px;
  margin-right: 5px;
  border-radius: 50%;
  float: left;
}
.presents-settings-container .thumbnail::after,
.presents-settings-container .thumbnail::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
.presents-settings-container .thumbnail::after {
  background: url("/i/icons/check-mark.png?1") center no-repeat;
  z-index: 1;
}
.presents-settings-container .thumbnail::before {
  background: #009f83;
  opacity: 0.6;
  z-index: 0;
}
.presents-settings-container input[type=checkbox] {
  display: none;
}
.presents-settings-container .name,
.presents-settings-container .id {
  max-width: 115px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.presents-settings-container .name {
  font-size: 16px;
  margin-top: 20px;
  font-weight: bold;
}
.presents-settings-container .id {
  font-size: 13px;
  color: #999;
}
.order-card .button {
  min-width: 140px;
  text-transform: uppercase;
  display: none;
}
.order-card p {
  margin: 0 0 5px 0;
}
.order-card a,
.order-card a:hover {
  border: none;
}
.order-card .recipient-id {
  color: #999;
}
.order-card .late {
  color: #d5232f;
}
.order-card .info-card {
  position: relative;
  height: 432px;
  width: 275px;
  margin-bottom: 5px;
  padding: 29px;
  border: 1px solid #eee;
  border-radius: 20px;
}
.order-card .info-card .sender-inf {
  display: none;
}
.order-card .info-card .presents-placeholder {
  display: none;
}
.role-promoter .order-card .info-card .recipient-inf {
  display: none;
}
.role-promoter .order-card .info-card .sender-inf {
  display: block;
}
.order-card .info-card::after {
  content: '';
  position: absolute;
  right: -7px;
  bottom: -1px;
  display: block;
  height: 26px;
  width: 26px;
  background: url('/i/presents/talk-default.png?1');
}
.order-card .info-card .nano-content {
  width: 275px;
}
.order-card .header {
  height: 345px;
  overflow: hidden;
  transition: height 0.25s;
}
.order-card .header h4 {
  margin: 0;
  padding: 10px 0 5px;
}
.order-card .read-letter {
  font-size: 15px;
  text-align: left;
  line-height: 22px;
  position: relative;
  margin: 0;
  height: 87px;
  overflow: hidden;
  transition: height 0.25s;
}
.order-card .read-letter .read-more {
  color: #969696;
  cursor: pointer;
}
.order-card .promoter-text {
  text-align: center;
  display: none;
}
.order-card .text-opened .read-letter {
  height: auto;
}
.order-card .sender {
  position: absolute;
  right: -50px;
  bottom: 0;
  border: none;
}
.role-promoter .order-card .sender {
  display: none;
}
.order-card .sender .photo {
  height: 40px;
  width: 40px;
}
.order-card .present-photo {
  height: 140px;
}
.order-card .presents-placeholder .present-photo {
  width: 180px;
  height: auto;
}
.order-card .fotorama .present-photo {
  height: 130px;
}
.order-card .title {
  display: none;
  margin-bottom: 15px;
  font-size: 15px;
  color: #717171;
}
.order-card .title b {
  color: #222;
}
.role-commissions-operator .order-card .title {
  display: block;
}
.role-commissions-operator .order-card .title .agency-name {
  display: none;
}
.role-agencies-operator .order-card .title .agency-name {
  display: block;
}
.order-card .user-id {
  display: none;
  font-size: 13px;
  color: #999;
}
.role-commissions-operator .order-card .user-id {
  display: block;
}
.order-card .date-create {
  margin-bottom: 30px;
  font-size: 13px;
  color: #717171;
}
.order-card .date-create .sender-id {
  display: none;
}
.role-commissions-operator .order-card .date-create .sender-id {
  display: inline-block;
}
.order-card .status {
  color: #999;
}
.role-commissions-operator .order-card .status .in-progress {
  display: none;
}
.order-card .status .overdue {
  display: none;
  color: #d5232f;
}
.role-commissions-operator .order-card .status .overdue {
  display: inline-block;
}
.order-card .delivered {
  color: #009f83;
}
@media (max-width: 1400px) {
  .order-card .sender {
    display: none;
  }
}
@media (max-width: 1310px) {
  .order-card .sender {
    display: block;
  }
}
@media (max-width: 1050px) {
  .order-card .sender {
    display: none;
  }
}
@media (max-width: 810px) {
  .order-card .read-more {
    color: #969696;
    cursor: pointer;
  }
}
@media (max-width: 650px) {
  .order-card .sender {
    display: none;
  }
}
@media (max-width: 500px) {
  .order-card .info-card {
    width: 280px;
    height: 470px;
    padding: 15px;
    box-sizing: border-box;
  }
  .order-card .info-card .nano-content {
    width: 248px;
  }
}
.role-agencies-operator .presents-orders-wrapper .tabs-menu .canceled {
  display: inline-block;
}
.presents-orders-wrapper .delivered .read-answer {
  display: inline-block;
}
.role-promoter .presents-orders-wrapper .delivered .read-answer {
  display: none;
}
.role-promoter .presents-orders-wrapper .delivered .open-chat {
  display: inline-block;
}
.role-commissions-operator .presents-orders-wrapper .delivered .read-answer {
  display: none;
}
.role-agencies-operator .presents-orders-wrapper .delivered .view-reply {
  display: inline-block;
}
.presents-orders-wrapper .in-progress .explore {
  display: inline-block;
}
.presents-orders-wrapper .in-progress .notes {
  display: block;
}
.presents-orders-wrapper .in-progress .notes .user {
  display: block;
}
.role-promoter .presents-orders-wrapper .in-progress .notes {
  display: none;
}
.role-promoter .presents-orders-wrapper .in-progress .explore {
  display: none;
}
.role-promoter .presents-orders-wrapper .in-progress .write-answer {
  display: inline-block;
}
.role-promoter .presents-orders-wrapper .in-progress .promoter-text {
  display: block;
}
.role-promoter .presents-orders-wrapper .in-progress .user-text {
  display: none;
}
.role-promoter .presents-orders-wrapper .in-progress .info-card .presents-container {
  display: none;
}
.role-promoter .presents-orders-wrapper .in-progress .info-card .presents-placeholder {
  display: block;
}
.role-commissions-operator .presents-orders-wrapper .in-progress .notes .user {
  display: none;
}
.role-commissions-operator .presents-orders-wrapper .in-progress .notes .agency {
  display: block;
}
.role-commissions-operator .presents-orders-wrapper .in-progress .explore {
  display: none;
}
.role-commissions-operator .presents-orders-wrapper .in-progress .info-card.overdue {
  border-color: #d5232f;
}
.role-commissions-operator .presents-orders-wrapper .in-progress .info-card.overdue::after {
  background: url('/i/presents/talk.png?1');
}
.role-agencies-operator .presents-orders-wrapper .in-progress .cancel-order {
  display: inline-block;
}
.presents-orders-wrapper .in-progress.empty .notes {
  display: none;
}
.presents-orders-wrapper .in-progress.new-delivery .button {
  display: none;
}
.presents-orders-wrapper .in-progress.new-delivery .open-orders {
  display: inline-block;
}
.new-present-delivery .presents-orders-wrapper {
  width: auto;
  padding-top: 45px;
}
.new-present-delivery .presents-orders-wrapper .list-container ul {
  padding-left: 50px;
}
.new-present-delivery .presents-orders-wrapper .list-container ul li {
  margin-right: 50px;
}
.app-overlay .new-present-delivery .presents-orders-wrapper h1 {
  margin: 0 40px 40px 0;
  text-transform: capitalize;
}
@media (max-width: 1660px) {
  .app-overlay .new-present-delivery .presents-orders-wrapper h1 {
    margin-right: 20px;
  }
}
@media (max-width: 1310px) {
  .app-overlay .new-present-delivery .presents-orders-wrapper h1 {
    margin-right: 10px;
  }
}
@media (max-width: 1050px) {
  .app-overlay .new-present-delivery .presents-orders-wrapper h1 {
    margin-right: 0;
  }
}
@media (max-width: 810px) {
  .app-overlay .new-present-delivery .presents-orders-wrapper h1 {
    margin-right: 60px;
  }
}
@media (max-width: 500px) {
  .app-overlay .new-present-delivery .presents-orders-wrapper h1 {
    margin-right: 10px;
  }
}
.presents-complete-order-container {
  min-height: 300px;
  padding: 75px 10px 10px 10px;
  background: #f2f6f8 url('/i/presents/letter-bg.jpg?1') no-repeat;
  background-size: contain;
  background-position-y: -10%;
}
.presents-complete-order-container h3 {
  margin: 0 0 105px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.presents-complete-order-container h3 b {
  font-weight: bold;
}
.presents-complete-order-container .user-avatar {
  position: relative;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  border: none;
  height: 80px;
  width: 80px;
}
.presents-complete-order-container .user-avatar img {
  width: 100%;
  border-radius: 50%;
}
.presents-complete-order-container .user-avatar.online::after {
  background-color: #00b15e;
  position: absolute;
  right: 7px;
  width: 13px;
  height: 13px;
  content: '';
  border-radius: 50%;
  bottom: 3px;
}
.presents-complete-order-container .presents-complete-text {
  min-width: 100%;
  height: 300px;
  margin-bottom: 10px;
  padding: 0;
  border: none;
  resize: none;
  outline: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 16px;
  font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.presents-complete-order-container .complete-info {
  padding: 30px 20px 15px 20px;
  border-radius: 10px;
  background: #fff;
  text-align: center;
}
.presents-complete-order-container .selected-resents {
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  outline: none;
}
.presents-complete-order-container .selected-resents::after {
  content: '';
  display: block;
  clear: both;
}
.presents-complete-order-container .send-order {
  text-transform: uppercase;
}
.presents-complete-order-container .selected-present,
.presents-complete-order-container .select-more {
  position: relative;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
  float: left;
}
.presents-complete-order-container .selected-present {
  box-shadow: 0 0 5px 0 #efefef;
}
.presents-complete-order-container .present {
  position: relative;
  max-width: 120px;
  max-height: 120px;
  border-radius: 50%;
}
.presents-complete-order-container .select-more {
  border: 1px solid #eee;
  background: url('/i/icons/blue-plus.png?1') center no-repeat;
  cursor: pointer;
}
.presents-complete-order-container .credit-meter {
  margin: 20px 0 0 0;
  font-size: 12px;
  color: #717171;
}
.presents-complete-order-container.progressing::before {
  left: 0;
  opacity: 0.7;
}
.presents-complete-order-container.progressing::after {
  content: '';
  background: url(/i/preloader-white-16.gif?1) center center no-repeat !important;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
  z-index: 2;
}
.presents-complete-order-container::before {
  content: ' ';
  position: absolute;
  left: -9999px;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.25s;
  z-index: 1;
}
@media (max-width: 660px), (max-height: 900px) {
  .presents-complete-order-container {
    padding-top: 30px;
    background-position-x: center;
  }
  .presents-complete-order-container h3 {
    margin-bottom: 30px;
  }
  .presents-complete-order-container .presents-complete-text {
    height: 250px;
  }
}
@media (max-width: 479px), (max-height: 800px) {
  .presents-complete-order-container {
    background-position-y: -225px;
    background-position-x: center;
    background-size: inherit;
    padding: 65px 0 0 0;
    min-height: 100%;
    height: 100%;
    box-sizing: border-box;
  }
  .presents-complete-order-container .user-avatar,
  .presents-complete-order-container h3 {
    display: none;
  }
  .presents-complete-order-container .complete-info {
    padding: 10px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }
  .presents-complete-order-container .selected-resents {
    padding-bottom: 10px;
  }
  .presents-complete-order-container .presents-complete-order {
    height: 100%;
  }
  .presents-complete-order-container .presents-complete-text {
    height: auto;
    flex-grow: 1;
  }
}
@media (max-height: 580px) {
  .presents-complete-order-container .selected-resents {
    height: 80px;
    overflow: hidden;
  }
  .presents-complete-order-container .selected-present {
    margin-bottom: 10px;
  }
}
@media (max-height: 520px) {
  .presents-complete-order-container {
    padding-top: 35px;
  }
  .presents-complete-order-container .select-more,
  .presents-complete-order-container .selected-present {
    height: 50px;
    width: 50px;
  }
  .presents-complete-order-container .selected-resents {
    height: 50px;
    overflow: hidden;
  }
  .presents-complete-order-container .present {
    max-height: 50px;
    max-width: 50px;
  }
  .presents-complete-order-container .credit-meter {
    margin: 0;
  }
}
@media (max-width: 599px) and (orientation: landscape) {
  .presents-complete-order-container {
    padding-top: 0;
  }
  .presents-complete-order-container .presents-complete-text {
    height: 100px;
    margin: 0;
  }
  .presents-complete-order-container .selected-resents {
    margin-bottom: 5px;
  }
}
.smartbanner-show {
  padding-top: 80px;
  box-sizing: border-box;
}
.smartbanner-show .smartbanner {
  display: block;
}
/** Default **/
.smartbanner {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-family: 'Helvetica Neue', sans-serif;
  background: #f4f4f4;
  z-index: 9998;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: none;
}
.smartbanner .stars .star {
  height: 10px;
  fill: #cccccc;
}
.smartbanner .stars .star.full {
  fill: #737373;
}
.smartbanner-container {
  margin: 0 auto;
  white-space: nowrap;
}
.smartbanner-close {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 5px;
  font-family: 'ArialRoundedMTBold', Arial;
  font-size: 20px;
  text-align: center;
  color: #888;
  text-decoration: none;
  border: 0;
  border-radius: 14px;
  -webkit-font-smoothing: subpixel-antialiased;
}
.smartbanner-close:active,
.smartbanner-close:hover {
  color: #aaa;
}
.smartbanner-icon {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  margin-right: 12px;
  background-size: cover;
  border-radius: 15px;
}
.smartbanner-info {
  display: inline-block;
  vertical-align: middle;
  width: 44%;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: bold;
}
.smartbanner-title {
  font-size: 13px;
  line-height: 18px;
}
.smartbanner-button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  color: #6a6a6a;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.smartbanner-button:active,
.smartbanner-button:hover {
  color: #aaa;
}
/** iOS **/
.smartbanner-ios {
  background: #f4f4f4;
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
}
.smartbanner-ios .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #888;
  text-shadow: 0 1px 0 white;
}
.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
  color: #aaa;
}
.smartbanner-ios .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.smartbanner-ios .smartbanner-info {
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.smartbanner-ios .smartbanner-title {
  color: #4d4d4d;
  font-weight: bold;
}
.smartbanner-ios .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #6a6a6a;
  background: #efefef;
  background: linear-gradient(to bottom, #efefef, #dcdcdc);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}
.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
  background: #dcdcdc;
  background: linear-gradient(to bottom, #dcdcdc, #efefef);
}
/** Android **/
.smartbanner-android {
  background: #f2f2f2;
  line-height: 82px;
}
.smartbanner-android .smartbanner-close {
  border: 0;
  width: 14px;
  height: 14px;
  line-height: 14px;
  margin-left: 13px;
  margin-right: 11px;
  font-size: 0;
  fill: #8c8c8c;
}
.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
  fill: #a3a3a3;
}
.smartbanner-android .smartbanner-icon {
  background-color: transparent;
  box-shadow: none;
  margin-right: 10px;
  width: 54px;
  height: 54px;
}
.smartbanner-android .smartbanner-info {
  color: #8d8d8d;
}
.smartbanner-android .smartbanner-title {
  color: #1a1a1a;
  font-weight: bold;
}
.smartbanner-android .smartbanner-button {
  min-width: 12%;
  color: #ffffff;
  padding: 0;
  height: 40px;
  background: none;
  border-radius: 3px;
  right: 15px;
}
.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
  background: none;
}
.smartbanner-android .smartbanner-button-text {
  text-align: center;
  display: block;
  padding: 0 14px;
  background: #0f9d58;
  line-height: 40px;
  text-transform: none;
  text-shadow: none;
  box-shadow: none;
  border-radius: 3px;
}
.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
  background: #3fb179;
}
/** Windows **/
.smartbanner-windows {
  background: #f4f4f4;
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
}
.smartbanner-windows .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #888;
  text-shadow: 0 1px 0 white;
}
.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
  color: #aaa;
}
.smartbanner-windows .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.smartbanner-windows .smartbanner-info {
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.smartbanner-windows .smartbanner-title {
  color: #4d4d4d;
  font-weight: bold;
}
.smartbanner-windows .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #6a6a6a;
  background: #efefef;
  background: linear-gradient(to bottom, #efefef, #dcdcdc);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}
.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
  background: #dcdcdc;
  background: linear-gradient(to bottom, #dcdcdc, #efefef);
}
.confirm-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 500;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.1s;
}
.confirm-wrapper.visible {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.confirm-wrapper.visible .confirm-block {
  display: block;
}
.confirm-wrapper .confirm-block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  padding: 16px 40px;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  max-width: 600px;
  display: none;
}
.confirm-wrapper .message {
  margin-bottom: 12px;
}
.confirm-wrapper .buttons {
  text-align: center;
}
.confirm-wrapper .button {
  text-transform: uppercase;
  margin: 0 20px 10px;
}
.camera-player {
  background-color: #000;
  font-size: 0;
  max-height: 135px;
  max-width: 180px;
  border-radius: 10px;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  overflow: hidden;
}
.stream-in-chat-activated.camera-player {
  display: none;
}
.camera-player .communication-stats {
  position: absolute;
  top: 10px;
  left: 12px;
}
.camera-player .communication-stats .blinker {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  animation: blinker 1.25s linear infinite;
}
.camera-player .communication-stats .blinker > * {
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -o-flex: 1 0 auto;
  flex: 1 0 auto;
}
.camera-player.loading {
  background-color: #fff;
}
.camera-player.playing {
  max-width: initial;
}
.camera-player .streaming {
  display: none;
  position: absolute;
  bottom: 5px;
  width: 100%;
  color: #fff;
}
.camera-player .streaming .icon {
  width: 16px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.4);
  margin-left: -25px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: relative;
}
.camera-player .streaming .icon .circle {
  background-color: #00b15e;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.camera-player.streaming::before {
  content: '';
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  opacity: 0.4;
  bottom: 0;
  left: 0;
}
.camera-player.streaming .streaming {
  display: block;
}
.camera-player.toggling-blocked .enable,
.camera-player.toggling-blocked .disable {
  display: none;
}
.camera-player .no-cam-info,
.camera-player .not-approved-cam-info,
.camera-player .busy-cam-info,
.camera-player .cam-suppressed-info {
  display: none;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}
.camera-player .no-cam-info .note,
.camera-player .not-approved-cam-info .note,
.camera-player .busy-cam-info .note,
.camera-player .cam-suppressed-info .note {
  margin-top: 5px;
  color: #fff;
}
.camera-player .no-cam-info .icon,
.camera-player .not-approved-cam-info .icon,
.camera-player .busy-cam-info .icon,
.camera-player .cam-suppressed-info .icon {
  position: relative;
  width: 25px;
}
.camera-player .no-cam-info .icon svg,
.camera-player .not-approved-cam-info .icon svg,
.camera-player .busy-cam-info .icon svg,
.camera-player .cam-suppressed-info .icon svg {
  fill: #fff;
}
.camera-player.busy {
  background-color: #d4202d;
}
.camera-player.busy .busy-cam-info {
  display: block;
}
.camera-player.cam-suppressed {
  background-color: #000;
}
.camera-player.cam-suppressed .busy-cam-info {
  display: none;
}
.camera-player.cam-suppressed .cam-suppressed-info {
  display: block;
}
.camera-player.no-cam.not-busy .no-cam-info {
  display: block;
}
.camera-player.cam.unapproved {
  background-color: #d4202d;
}
.camera-player.cam.unapproved .not-approved-cam-info {
  display: block;
}
.camera-player .button.camera {
  position: absolute;
  left: -9999px;
  opacity: 0;
  transition: opacity 0.25s;
  top: 50%;
  transform: translate(-50%, -50%);
}
.active-streaming.camera-player .button.camera {
  display: none;
}
.camera-player .enable.note {
  color: #fff;
  left: -9999px;
  opacity: 0;
  transition: opacity 0.25s;
  position: absolute;
  width: 100%;
  bottom: 5px;
}
.camera-player video {
  border-radius: 10px;
  max-height: 135px;
  transition: opacity 0.25s;
}
.camera-player.cam.approved.enabled:hover .button.disable {
  left: 50%;
  opacity: 1;
}
.camera-player.cam.approved.disabled video {
  opacity: 0.4;
}
.camera-player.cam.approved.disabled .button.enable {
  left: 50%;
  opacity: 1;
}
.camera-player.cam.approved.disabled .note.enable {
  left: 0;
  opacity: 1;
}
.camera-player .close {
  opacity: 1;
  right: 12px;
  top: 28px;
  width: 25px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: background-color 0.2s;
}
.camera-player .close .cross {
  background: none;
}
.camera-player .close svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: #fff;
}
.camera-player .close:hover {
  background-color: #000;
}
.camera-player .close:hover svg {
  fill: #fff;
}
.camera-player .expand {
  position: absolute;
  opacity: 1;
  left: 12px;
  bottom: 10px;
  width: 25px;
  height: 25px;
  padding: 0;
  border-radius: 50%;
}
.camera-player .expand svg {
  width: 13px;
  fill: #fff;
  vertical-align: middle;
}
:not(.active-streaming).camera-player .communication-stats,
:not(.active-streaming).camera-player .close,
:not(.active-streaming).camera-player .expand {
  display: none;
}
.camera-player .co-streamer-container {
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: inline-block;
}
.camera-player .co-streamer-container.outgoing,
.camera-player .co-streamer-container.incoming,
.camera-player .co-streamer-container.active {
  max-width: 90px;
  max-height: 45px;
}
.camera-player .co-streamer-container.outgoing video,
.camera-player .co-streamer-container.incoming video,
.camera-player .co-streamer-container.active video {
  max-width: 90px;
  max-height: 45px;
}
.camera-player .co-streamer-container:not(.playing) {
  visibility: hidden;
}
.camera-player .co-streamer-container.incoming video {
  opacity: 1;
}
.camera-player .co-streamer-container .add-co-stream {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  padding: 0;
}
.camera-player .co-streamer-container .add-co-stream svg {
  width: 22px;
  max-width: 50%;
}
.role-promoter .camera-player .co-streamer-container.incoming .add-co-stream {
  display: block;
}
.draggable {
  position: fixed;
  z-index: 3;
  touch-action: none;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  transition: opacity 0.25s;
}
.draggable.moving {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  opacity: 0.7;
}
.progress-bar {
  width: 30px;
  height: 30px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  border: 4px solid #dedede;
  border-radius: 50%;
  box-sizing: border-box;
}
.progress-bar svg {
  fill: none;
  width: 100%;
  height: 100%;
}
.progress-bar path {
  fill: #dedede;
}
.facilities-monitor .confirmation {
  display: none;
  background-color: #ededed;
}
.facilities-monitor .confirmation form {
  position: relative;
}
.facilities-monitor .confirmation input {
  padding: 0.5em 0.6em;
  width: 180px;
}
.facilities-monitor .confirmation .field {
  margin-right: 10px;
}
.facilities-monitor .confirmation .field,
.facilities-monitor .confirmation button,
.facilities-monitor .confirmation form {
  display: inline-block;
  vertical-align: middle;
}
.facilities-monitor .confirmation .close {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  margin-right: -25px;
}
.facilities-monitor .confirmation-waiting .name,
.facilities-monitor .confirmation-waiting .facility {
  display: none;
}
.facilities-monitor .confirmation-waiting .confirmation {
  display: table-cell;
}
.facilities-monitor .table {
  min-height: 300px;
  min-width: 300px;
}
.facilities-monitor .table tr {
  height: 60px;
}
.facilities-monitor .table > thead > tr > th,
.facilities-monitor .table > tbody > tr > th,
.facilities-monitor .table > tfoot > tr > th,
.facilities-monitor .table > thead > tr > td,
.facilities-monitor .table > tbody > tr > td,
.facilities-monitor .table > tfoot > tr > td {
  vertical-align: middle;
  border: none;
}
.facilities-monitor .table .logo {
  text-align: center;
}
.facilities-monitor .table .logo img {
  height: 45px;
  margin: 10px 0;
}
.facilities-monitor .table .dating .logo img {
  height: 55px;
  margin: 3px 0;
}
.facilities-monitor .table .mature .logo img {
  margin-bottom: 0;
}
.facilities-monitor .facility,
.facilities-monitor .facility-header {
  text-align: center;
  min-width: 125px;
  padding-left: 0;
  padding-right: 0;
}
.facilities-monitor .status {
  display: none;
}
.facilities-monitor .status.warning {
  color: red;
}
.facilities-monitor .status.unavailable {
  width: 16px;
  height: 16px;
}
.facilities-monitor .switching.warning .status.switching {
  color: red;
}
.facilities-monitor .loading .status.loading,
.facilities-monitor .switching .status.switching,
.facilities-monitor .switching.warning .status.warning,
.facilities-monitor .unavailable .status.unavailable {
  display: block;
  margin: auto;
}
.facilities-monitor .loading .status.switching,
.facilities-monitor .loading .status.warning,
.facilities-monitor .loading .status.unavailable {
  display: none;
}
.facilities-monitor .loading .switch,
.facilities-monitor .switching .switch,
.facilities-monitor .warning .switch,
.facilities-monitor .unavailable .switch {
  display: none;
}
.inbox-page {
  transition: height 0.5s, padding 0.5s;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-size: 12px;
}
@media (min-width: 769px) {
  .inbox-page {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.inbox-page ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.inbox-page .limiting-wrapper {
  padding: 35px 0 65px;
}
.inbox-page.user-inbox .limiting-wrapper {
  padding-top: 55px;
}
@media (max-width: 600px) {
  .inbox-page.user-inbox .limiting-wrapper {
    padding-top: 45px;
  }
}
.inbox-page .popup-active {
  z-index: 5;
}
.inbox-page .emails-wrapper {
  position: relative;
  bottom: -5px;
  z-index: 3;
  transition: max-height 0.25s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.inbox-page .emails-wrapper.resizing {
  overflow: hidden;
}
@media (min-width: 769px) {
  .inbox-page .emails-wrapper {
    border-radius: 10px;
  }
}
.inbox-page .email-wrapper {
  position: relative;
}
.inbox-page .main-email {
  position: relative;
}
@media (min-width: 769px) {
  .inbox-page .main-email .email {
    border-radius: 10px;
  }
}
@media (min-width: 769px) {
  .inbox-page .emails-list .email-wrapper:first-child .email {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .inbox-page .emails-list .email-wrapper:last-child .email {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.inbox-page .emails-list .email .avatar-wrapper .counter {
  display: none;
}
.inbox-page .email {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-start;
  padding: 15px;
  background-color: #f5f5f5;
  box-sizing: border-box;
  cursor: pointer;
  height: 92px;
  transition: transform 0.25s;
}
@media (min-width: 601px) {
  .inbox-page .email {
    height: 72px;
  }
}
.inbox-page .email.swiping {
  transition: none;
}
.inbox-page .email.swiping .complain-tip {
  display: none;
}
.inbox-page .email:not(.email-placeholder):hover {
  background-color: #fff;
  transition: background 0.1s;
}
.inbox-page .email.fresh.incoming {
  background-color: #fff;
}
.inbox-page .email.email-placeholder {
  cursor: default;
  pointer-events: none;
}
@media (min-width: 769px) {
  .inbox-page .email.email-placeholder {
    border-radius: 10px;
  }
}
.inbox-page .email.email-placeholder .avatar-wrapper,
.inbox-page .email.email-placeholder .letter-subject,
.inbox-page .email.email-placeholder .short-text {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #e4e4e4), color-stop(33%, #eee));
  background: -webkit-linear-gradient(left, #eee 8%, #e4e4e4 18%, #eee 33%);
  background: linear-gradient(to right, #eee 8%, #e4e4e4 18%, #eee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  will-change: auto;
  box-shadow: none;
}
.inbox-page .email.email-placeholder .description .letter-subject,
.inbox-page .email.email-placeholder .description .short-text {
  height: 6px;
  border-radius: 10px;
}
.inbox-page .email.email-placeholder .description .letter-subject {
  max-width: 240px;
  margin-top: 7px;
}
.inbox-page .email.email-placeholder .description .short-text {
  margin-top: 15px;
}
.inbox-page .email .meta {
  position: relative;
  min-width: 50px;
  padding-left: 64px;
  flex-shrink: 0;
}
@media (min-width: 601px) {
  .inbox-page .email .meta {
    height: 100%;
    align-items: center;
    display: flex;
    padding: 0;
  }
}
.inbox-page .email .meta .attached {
  white-space: nowrap;
  margin-top: 38px;
  float: right;
}
@media (min-width: 601px) {
  .inbox-page .email .meta .attached {
    min-width: 24px;
    margin-top: 0;
    margin-left: 20px;
  }
}
.inbox-page .email .meta .attached svg {
  width: 24px;
  height: 24px;
  margin: 0;
  margin-left: 8px;
  padding: 0;
  fill-rule: evenodd;
  fill: #999;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 601px) {
  .inbox-page .email .meta .attached svg {
    display: block;
    margin-left: 0;
  }
}
.inbox-page .email .meta .free-label {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  height: 40px;
  width: 40px;
  padding: 0;
  margin-top: -20px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 601px) {
  .inbox-page .email .meta .free-label {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 0;
  }
}
.inbox-page .email .meta .free-label svg {
  fill: #00b15e;
}
.inbox-page .email .meta .free-label .text {
  position: absolute;
  display: inline-block;
  font-size: 10px;
  color: #fff;
  z-index: 1;
  top: 33%;
  right: 0;
  left: 0;
}
.inbox-page .email .meta .date {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #a9a9a9;
  white-space: nowrap;
}
@media (min-width: 601px) {
  .inbox-page .email .meta .date {
    position: static;
    width: 115px;
    margin-left: 20px;
  }
}
.inbox-page .email .meta .date .time {
  display: none;
}
@media (min-width: 601px) {
  .inbox-page .email .meta .date .time {
    display: inline;
  }
}
.inbox-page .emails-item {
  position: relative;
  margin: -5px 0 5px;
  transition: all 1s;
}
.inbox-page .emails-item.intro-letters .description .in-contacts {
  display: none;
}
.inbox-page .emails-item.intro-letters .avatar-wrapper .counter {
  display: none;
}
.inbox-page .emails-item.intro-letters .main-email .email-wrapper:first-child {
  z-index: 1;
}
@media (min-width: 769px) {
  .inbox-page .emails-item.intro-letters .main-email .email-wrapper .email {
    border-radius: 0;
  }
  .inbox-page .emails-item.intro-letters .main-email .email-wrapper:first-child .email {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .inbox-page .emails-item.intro-letters .main-email .email-wrapper:last-child .email {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.inbox-page .emails-item.single {
  margin-top: 0;
}
.inbox-page .emails-item.single .emails-wrapper {
  bottom: 0;
  z-index: initial;
}
@media (min-width: 769px) {
  .inbox-page .emails-item.single .email {
    border-radius: 10px;
  }
}
.inbox-page .emails-item.opened {
  margin-bottom: 10px;
}
.inbox-page .emails-item.opened.no-more-letters {
  margin-top: 0;
}
.inbox-page .emails-item.opened.no-more-letters .more-emails {
  display: none;
}
.inbox-page .emails-item.dialogs-item .letter-main .menu-block .list-item.delete-emails {
  display: block;
}
.inbox-page .emails-item.dialogs-item .menu-item.delete-emails {
  display: inline-block;
}
.inbox-page .emails-item.removed {
  overflow: hidden;
}
.inbox-page .emails-item .more-emails {
  position: relative;
  width: 100%;
  background-color: #f9f9f9;
  color: #444;
  cursor: pointer;
}
.inbox-page .emails-item .more-emails::after,
.inbox-page .emails-item .more-emails::before {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  height: 23px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
@media (min-width: 769px) {
  .inbox-page .emails-item .more-emails::after,
  .inbox-page .emails-item .more-emails::before {
    border-radius: 0 0 10px 10px;
  }
}
.inbox-page .emails-item .more-emails::before {
  top: 3px;
  z-index: 1;
}
.inbox-page .emails-item .more-emails .text {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 3px 8px;
  margin-top: -8px;
  background: #fff;
  transform: translateX(-50%);
  z-index: 1;
  white-space: nowrap;
}
.inbox-page .emails-item .more-emails .text::first-letter {
  text-transform: capitalize;
}
.inbox-page .list {
  position: absolute;
  top: 15px;
  right: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.inbox-page .menu-block {
  text-align: left;
  display: none;
  margin-left: 8px;
}
@media (min-width: 601px) {
  .inbox-page .menu-block {
    display: block;
  }
}
.inbox-page .menu-block .popup::after {
  display: none;
}
.inbox-page .menu-block .complain-tip.popup.top {
  right: 0;
  margin-top: -1px;
  margin-right: 1px;
  box-shadow: none;
  border-radius: 10px;
  background-color: #fff;
  border: none;
  padding: 0;
  overflow: hidden;
}
.inbox-page .menu-block .list-container {
  padding: 0;
  margin: 0;
}
.inbox-page .menu-block ul {
  list-style: none;
}
.inbox-page .menu-block li {
  margin: 0;
}
.inbox-page .menu-block .list-item {
  display: block;
  font-size: 12px !important;
  color: #717171;
  white-space: nowrap;
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.25s;
}
.inbox-page .menu-block .list-item:hover {
  background-color: #f5704c;
  color: #fff;
}
.inbox-page .menu-block .list-item.delete-emails {
  display: none;
}
.inbox-page .menu-block.opened .complain-area .circle {
  background-color: #666;
}
.inbox-page .menu-block .complain-area {
  display: block;
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 11px;
}
.inbox-page .menu-block .complain-area:hover .circle {
  background-color: #666;
}
.inbox-page .menu-block .complain-area .circle {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #999;
  display: inline-block;
  transition: background-color 0.25s;
}
.inbox-page .menu-mobile {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 0;
  white-space: nowrap;
}
@media (min-width: 769px) {
  .inbox-page .menu-mobile {
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
    overflow: hidden;
  }
}
.ios-env .inbox-page .menu-mobile,
.android-env .inbox-page .menu-mobile {
  display: block;
}
.inbox-page .menu-mobile .menu-item {
  display: inline-block;
  width: 70px;
  height: 100%;
  margin: 0;
  font-size: 12px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  vertical-align: top;
}
.inbox-page .menu-mobile .menu-item::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.inbox-page .menu-mobile .menu-item .inner {
  display: inline-block;
  vertical-align: middle;
}
.inbox-page .menu-mobile .menu-item .inner .action {
  box-shadow: none;
  padding: 0;
}
.inbox-page .menu-mobile .menu-item.block-emails {
  background-color: #999;
}
.inbox-page .menu-mobile .menu-item.delete-emails {
  display: none;
  background-color: #d4202d;
}
.inbox-page .menu-mobile .icon {
  position: relative;
  display: block;
  margin: 6px auto;
  fill: #fff;
}
.inbox-page .show-more {
  text-align: center;
  margin-top: 28px;
}
.inbox-page .show-more .button {
  text-transform: uppercase;
}
.inbox-page .inbox-tabs {
  position: fixed;
  top: 87px;
  left: 0;
  width: calc(100% - 264px - 10px);
  height: 55px;
  background-color: rgba(249, 249, 249, 0.95);
  box-sizing: border-box;
  text-align: center;
  transition: transform 0.5s, height 0.25s;
  z-index: 10;
}
.chat-opened .inbox-page .inbox-tabs {
  width: calc(60% - 264px - 10px);
}
@media (max-width: 1279px) {
  .chat-opened .inbox-page .inbox-tabs {
    text-align: left;
    padding-left: 20px;
    width: 100%;
  }
}
.hud-hidden .inbox-page .inbox-tabs {
  transform: translateY(-87px);
}
@media (max-width: 1279px) {
  .inbox-page .inbox-tabs {
    width: calc(100% - 264px - 25px);
  }
}
@media (max-width: 950px) {
  .inbox-page .inbox-tabs {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .inbox-page .inbox-tabs {
    top: 64px;
    height: 45px;
  }
  .hud-hidden .inbox-page .inbox-tabs {
    transform: translateY(-64px);
  }
}
.inbox-page .inbox-tabs .tab-trigger {
  display: inline-block;
  margin: 0;
  padding: 0 11px;
  line-height: 55px;
  color: #007cd3;
  font-size: 16px;
  transition: color 0.25s;
  cursor: pointer;
}
.inbox-page .inbox-tabs .tab-trigger.active {
  color: #222;
  cursor: default;
}
@media (max-width: 600px) {
  .inbox-page .inbox-tabs .tab-trigger {
    font-size: 14px;
    line-height: 45px;
  }
}
.ward-inbox .inbox-page .inbox-tabs {
  top: 192px;
}
@media (max-width: 600px) {
  .ward-inbox .inbox-page .inbox-tabs {
    top: 169px;
  }
}
.ward-inbox .inbox-page .limiting-wrapper {
  padding-top: 160px;
}
@media (max-width: 600px) {
  .ward-inbox .inbox-page .limiting-wrapper {
    padding-top: 150px;
  }
}
.inbox-page .email.online .avatar-wrapper::after {
  display: block;
  background-color: #00b15e;
}
.inbox-page .email .avatar-wrapper {
  position: relative;
  height: 40px;
  width: 40px;
  margin-right: 15px;
  box-shadow: 2px 2px 10px -5px #000;
  border-radius: 50%;
  flex: 0 0 40px;
}
.inbox-page .email .avatar-wrapper::after {
  content: "";
  position: absolute;
  display: none;
  right: -2px;
  bottom: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.inbox-page .email .avatar-wrapper .avatar-link {
  border-bottom: none;
  text-decoration: none;
}
.inbox-page .email .avatar-wrapper .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.inbox-page .email .avatar-wrapper .counter {
  position: absolute;
  top: 50%;
  right: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 23px;
  width: 23px;
  border-radius: 50%;
  background: #d4202d;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
.inbox-page .email.fresh.incoming .description .name {
  font-weight: bold;
  color: #222;
}
.inbox-page .email.fresh.incoming .description .letter-subject,
.inbox-page .email.fresh.incoming .description .short-text {
  color: #222;
}
.inbox-page .email .description {
  flex-grow: 2;
  overflow: hidden;
  height: 100%;
}
.inbox-page .email .description .brief-info {
  margin-right: 15px;
  height: 100%;
}
@media (min-width: 601px) {
  .inbox-page .email .description .brief-info {
    display: flex;
    align-items: center;
  }
}
.inbox-page .email .description .name-wrapper {
  display: flex;
  text-overflow: ellipsis;
  align-items: center;
}
@media (min-width: 601px) {
  .inbox-page .email .description .name-wrapper {
    height: 100%;
    width: 60px;
    float: left;
    align-items: center;
    margin-right: 25px;
  }
}
@media (min-width: 701px) {
  .inbox-page .email .description .name-wrapper {
    width: 130px;
  }
}
.inbox-page .email .description .tag-familiar {
  display: none;
  font-size: 10px;
  color: white;
  padding: 0 5px;
  background: #029f83;
  width: auto;
  height: 16px;
  border-radius: 10px;
  line-height: 16px;
  margin-left: 10px;
}
.role-promoter .inbox-page .email .description .tag-familiar {
  display: inline-block;
}
.inbox-page .email .description .name,
.inbox-page .email .description .letter-subject,
.inbox-page .email .description .short-text {
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inbox-page .email .description .letter-subject,
.inbox-page .email .description .short-text {
  font-size: 14px;
  color: #a9a9a9;
  display: inline-block;
}
.inbox-page .email .description .letter-subject {
  font-weight: bold;
}
@media (max-width: 600px) {
  .inbox-page .email .description .letter-subject {
    width: 100%;
  }
}
@media (min-width: 601px) {
  .inbox-page .email .description .letter-subject {
    max-width: 25%;
  }
}
@media (max-width: 600px) {
  .inbox-page .email .description .short-text {
    width: 100%;
  }
}
@media (min-width: 601px) {
  .inbox-page .email .description .short-text {
    max-width: calc(100% - 25% - 85px - 5px);
  }
}
@media (min-width: 701px) {
  .inbox-page .email .description .short-text {
    max-width: calc(100% - 25% - 125px - 5px);
  }
}
.inbox-page .email .description .name {
  color: #222;
  font-size: 15px;
  border-bottom: none;
}
@media (min-width: 601px) {
  .inbox-page .email .description .name {
    width: 90px;
  }
}
.ios-env .inbox-page .email .description .name,
.android-env .inbox-page .email .description .name {
  pointer-events: none;
}
.inbox-page .email .description .in-contacts {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  margin-left: 3px;
  flex: 0 0 14px;
  border-radius: 50%;
  vertical-align: middle;
  background: #ffc249;
}
.inbox-page .email .description .in-contacts svg {
  fill: #fff;
  width: 8px;
  height: 8px;
  margin: 0 0 2px 3px;
}
.inbox-page .email.outgoing .in-contacts {
  display: none;
}
.inbox-page .ward-info-wrapper {
  position: fixed;
  top: 87px;
  left: 0;
  width: calc(100% - 264px - 10px);
  height: 105px;
  background-color: rgba(249, 249, 249, 0.95);
  box-sizing: border-box;
  text-align: center;
  transition: transform 0.5s, height 0.25s;
  z-index: 10;
}
@media (max-width: 1279px) {
  .inbox-page .ward-info-wrapper {
    width: calc(100% - 264px - 25px);
  }
}
@media (max-width: 950px) {
  .inbox-page .ward-info-wrapper {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .inbox-page .ward-info-wrapper {
    top: 64px;
  }
}
.inbox-page .ward-info-wrapper .ward-info-inner {
  max-width: 1150px;
  min-width: 265px;
  margin: 20px auto 0;
  position: relative;
  padding: 0 10px;
}
.inbox-page .ward-info-wrapper .ward-info-inner .button {
  position: absolute;
  left: 10px;
  top: 0;
  z-index: 2;
}
.inbox-page .ward {
  position: relative;
  width: 210px;
  text-align: left;
  overflow: hidden;
  display: inline-block;
}
.inbox-page .ward .thumbnail {
  position: relative;
  width: 80px;
  height: 80px;
  margin-right: 15px;
  border-radius: 50%;
  float: left;
  overflow: initial;
}
.inbox-page .ward .thumbnail .photo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.inbox-page .ward .thumbnail.online a::after {
  background-color: #00b15e;
  position: absolute;
  right: 7px;
  width: 10px;
  height: 10px;
  content: '';
  border-radius: 50%;
  bottom: 6px;
}
.inbox-page .ward .thumbnail .counter {
  position: absolute;
  left: 0;
  bottom: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 23px;
  padding: 0 8px;
  border-radius: 40px;
  background: #d4202d;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
.inbox-page .ward .name {
  font-size: 16px;
  margin-top: 20px;
  font-weight: bold;
  border-bottom: none;
  color: #222;
}
.inbox-page .ward .id {
  font-size: 13px;
  color: #999;
  border-bottom: none;
}
.inbox-page .ward .name,
.inbox-page .ward .id {
  max-width: 115px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.inbox-page.agency-inbox .limiting-wrapper {
  padding-right: 20px;
  padding-left: 20px;
}
.inbox-page.agency-inbox .form.processing::before,
.inbox-page.agency-inbox .form.processing::after {
  display: none;
}
.inbox-page.agency-inbox .wards-wrapper {
  min-height: 120px;
}
.inbox-page.agency-inbox .wards-wrapper .wards {
  list-style-type: none;
  margin-top: 35px;
}
.inbox-page.agency-inbox .wards-wrapper .wards .ward {
  margin: 0 15px 30px 0;
}
.inbox-page.agency-inbox .wards-wrapper.loading .spinner {
  margin: 38px auto 0;
  display: block;
}
.inbox-page.agency-inbox .form {
  text-align: center;
}
.inbox-page.agency-inbox .form .field {
  font-size: 14px;
  width: 320px;
  display: inline-block;
}
.inbox-page.agency-inbox .form .button {
  height: 42px;
  text-transform: uppercase;
  margin-left: 10px;
}
.cheers-notificator {
  position: absolute;
  bottom: 10px;
  left: 12px;
  animation: all 0.5s ease-in;
}
.cheers-notificator .sticker-wrapper {
  display: flex;
  justify-content: left;
  align-items: center;
}
.cheers-notificator .sticker-wrapper > span {
  color: #ffc400;
  font-size: 20px;
  margin-left: 7px;
}
.cheers-notificator .wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50px;
}
.cheers-notificator .wrapper > div {
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -o-flex: 1 0 auto;
  flex: 1 0 auto;
  height: 40px;
  border-radius: 100%;
  padding-right: 15px;
  animation: showNotification 0.5s ease-in;
}
.cheers-notificator .wrapper h4 {
  color: #cc0000;
  fill: #cc0000;
  margin: 0;
  line-height: 1;
  padding-top: 2px;
}
.cheers-notificator .wrapper h4 .admin-icon {
  display: inline-block;
}
.cheers-notificator .wrapper h4 .admin-icon svg {
  max-height: 16px;
}
.cheers-notificator .wrapper h4 .fan-icon {
  display: inline-block;
}
.cheers-notificator .wrapper .cheer-text {
  font-size: 11px;
  color: #fff;
  line-height: 1;
  top: -2px;
  position: relative;
}
.cheers-notificator .sticker {
  width: 80px;
  margin: 0 0 5px;
}
.cheers-notificator .thumbnail {
  -webkit-flex: 0 1 40px;
  -moz-flex: 0 1 40px;
  -ms-flex: 0 1 40px;
  -o-flex: 0 1 40px;
  flex: 0 1 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 10px;
}
@keyframes showNotification {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.private-invite {
  cursor: pointer;
  min-width: 35px;
  display: inline-block;
  vertical-align: bottom;
}
.chat-wrapper:not(.room-mode) .private-invite {
  display: none;
}
.private-invite .wrapper {
  background: transparent;
}
.private-invite .private-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.private-invite .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.private-invite .message {
  flex: 1 0 90%;
  background: #cc0000;
  color: #fff;
  margin: 0 10px 0 0;
  padding: 5px 10px;
  line-height: 1.2;
  box-sizing: border-box;
  border-radius: 15px;
  max-width: 195px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.private-invite .message .reply {
  float: right;
  color: #fff;
  font-size: 13px;
  vertical-align: top;
  text-decoration: underline;
  z-index: 1;
  position: relative;
}
.private-invite .letter-invite .message {
  white-space: normal;
  color: #222;
  background: #fff;
}
.private-invite .letter-invite .message .text {
  z-index: 1;
  position: relative;
}
.private-invite .letter-invite .message .cover {
  opacity: 0.3;
}
.private-invite .attachment.image .message,
.private-invite .attachment.video .message {
  background-color: rgba(0, 0, 0, 0.5);
  width: 120px;
  height: 90px;
  max-width: 120px;
}
.private-invite .attachment.image .message .text,
.private-invite .attachment.video .message .text {
  display: none;
}
.private-invite .attachment.image .message .cover::after,
.private-invite .attachment.video .message .cover::after {
  content: " ";
  width: 94px;
  height: 102px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -47px;
  margin-top: -51px;
  background-image: url("/i/icons/lock.png?1");
}
.private-invite.outgoing-video.no-text .message .video-chat,
.private-invite.incoming-video.no-text .message .video-chat {
  display: inline-block;
}
.private-invite .outgoing-video .message,
.private-invite .incoming-video .message {
  background-color: #0d8fba;
  color: #fff;
}
.private-invite .outgoing-video .message svg,
.private-invite .incoming-video .message svg {
  width: 19px;
  height: 11px;
  fill: #fff;
  margin-right: 3px;
}
.private-invite .thumbnail {
  flex: 0 0 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
}
.private-invite .thumbnail img {
  width: 100%;
  height: 100%;
}
.private-invite .counter {
  width: 40px;
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
}
.private-invite .counter .label {
  background: #cc0000;
  cursor: pointer;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  color: #fff;
  border-radius: 100%;
  font-size: 14px;
}
.private-invite .counter:not(.hidden) + .button.shady {
  display: none;
}
.private-invite .chat-icon {
  width: 25px;
  height: 25px;
  fill: #fff;
  vertical-align: middle;
}
.private-invite .private-controls {
  padding: 0;
  position: relative;
  top: auto;
  text-align: right;
  cursor: pointer;
  float: right;
}
.private-invite.opened .counter,
.private-invite.opened .button.shady {
  display: none;
}
@keyframes showStreamInvite {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.co-streamer-container {
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: none;
  font-size: 0;
  margin-left: 5px;
}
.co-streamer-container .add-co-stream {
  display: none;
}
.co-streamer-container .add-co-stream svg {
  fill: #fff;
}
.co-streamer-container .broadcast-request-title {
  margin: 5px;
}
.co-streamer-container .co-streamer-controls {
  display: none;
}
.co-streamer-container .co-streamer-controls.notification {
  padding: 0;
  margin-bottom: 5px;
  top: auto;
  bottom: 0;
  transform: translate(-50%);
}
.co-streamer-container .waiting {
  display: none;
}
.co-streamer-container .button.accept,
.co-streamer-container .button.decline {
  border-radius: 50%;
  padding: 0;
  width: 25px;
  height: 25px;
}
.video-calls-container .my-controls .horizon .co-streamer-container .button.accept,
.video-calls-container .my-controls .horizon .co-streamer-container .button.decline {
  margin: 0;
}
.video-calls-container .my-controls .horizon .co-streamer-container .button.accept {
  margin-right: 5px;
}
.co-streamer-container .button.accept svg {
  width: 11px;
  fill: #fff;
}
.co-streamer-container .button.decline svg {
  width: 9px;
  fill: #222;
}
.co-streamer-container.empty {
  width: 40px;
  height: 40px;
}
.chat-wrapper.my-room .co-streamer-container.empty {
  display: none;
}
.application-container:not(.role-promoter) .co-streamer-container.empty {
  display: none;
}
.co-streamer-container.empty .co-stream {
  display: none;
}
.co-streamer-container.empty .button.add-co-stream {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.chat-wrapper.my-room .co-streamer-container.outgoing .detach,
.co-streamer-container.outgoing .waiting {
  display: block;
}
.co-streamer-container.outgoing video {
  opacity: 0.4;
}
.co-streamer-container.incoming .co-streamer-controls {
  display: block;
}
.co-streamer-container.incoming video {
  opacity: 0.4;
}
.chat-wrapper.my-room .co-streamer-container.active .detach {
  display: block;
}
.co-streamer-container.outgoing,
.co-streamer-container.incoming,
.co-streamer-container.active {
  background-color: #24282a;
  max-width: 160px;
  max-height: 90px;
}
.co-streamer-container.playing {
  max-width: initial;
}
.co-streamer-container .notification {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
.co-streamer-container .notification .thumbnail {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: auto auto 8px;
}
.co-streamer-container .stream-ended {
  display: none;
}
.co-streamer-container .stream-ended .watching,
.co-streamer-container .stream-ended .loading {
  display: none;
}
.co-streamer-container.no-stream.active .stream-ended,
.co-streamer-container.stopped.active .stream-ended {
  display: block;
}
.co-streamer-container.no-stream .stream-ended .watching {
  display: block;
}
.co-streamer-container.stopped:not(.no-stream) .stream-ended .thumbnail {
  animation-duration: 3s;
  animation-name: tinDown;
  animation-iteration-count: infinite;
}
.co-streamer-container.stopped:not(.no-stream) .stream-ended .loading {
  display: block;
}
.co-streamer-container video {
  border-radius: 10px;
  transition: opacity 0.25s;
  max-width: 160px;
  max-height: 90px;
}
.co-streamer-container:not(.playing) video {
  width: 160px;
  height: 90px;
}
.co-streamer-container .detach {
  display: none;
  opacity: 1;
  right: 12px;
  top: 28px;
  width: 25px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: background-color 0.2s;
  z-index: 1;
}
.co-streamer-container .detach .cross {
  background: none;
}
.co-streamer-container .detach svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: #fff;
}
.co-streamer-container .detach:hover {
  background-color: #000;
}
.co-streamer-container .detach:hover svg {
  fill: #fff;
}
.start-co-streaming-form {
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 480px;
  text-align: center;
  padding: 30px;
  box-sizing: border-box;
}
.streams-likes-wrapper {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 40%;
  z-index: 3;
}
.room-mode .streams-likes-wrapper {
  display: block;
}
.video-calls-container.stopped .streams-likes-wrapper {
  display: none;
}
.communication-stats {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.communication-stats > * {
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -o-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0 7px;
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  height: auto;
  border-radius: 20px;
}
.communication-stats > * > span,
.communication-stats > * > l10n {
  vertical-align: middle;
}
.communication-stats .type {
  background: #cc0000;
  text-transform: uppercase;
  margin-right: 5px;
}
.communication-stats .type l10n {
  padding-left: 3px;
}
.camera-player .communication-stats .type,
.miniplayer .communication-stats .type {
  padding: 0 5px;
}
.camera-player .communication-stats .type l10n,
.miniplayer .communication-stats .type l10n {
  display: none;
}
.communication-stats .counter {
  background: #222;
  white-space: nowrap;
}
.communication-stats .viewer,
.communication-stats .users {
  padding-left: 3px;
}
.communication-stats .users {
  display: none;
}
.communication-stats svg {
  fill: #fff;
  width: 12px;
  height: 10px;
  vertical-align: middle;
  display: inline;
}
.role-promoter .liveroom-stats .users,
.stream-stats-users-enabled .liveroom-stats .users {
  display: inline;
}
.role-promoter .liveroom-stats .viewer,
.stream-stats-users-enabled .liveroom-stats .viewer {
  display: none;
}
.cheers-animation-wrapper .cheers-animation {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas: '. frame .';
  justify-items: center;
  align-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.cheers-animation-wrapper .cheers-animation iframe {
  grid-area: frame;
  border: none;
  max-width: 100%;
  width: 768px;
  height: 768px;
}
@media (max-width: 640px) {
  .cheers-animation-wrapper .cheers-animation iframe {
    width: 640px;
    height: 640px;
  }
}
@media (max-width: 480px) {
  .cheers-animation-wrapper .cheers-animation iframe {
    width: 480px;
    height: 480px;
  }
}
@media (max-width: 320px) {
  .cheers-animation-wrapper .cheers-animation iframe {
    width: 320px;
    height: 320px;
  }
}
.app-overlay:not(.letter) + #hbs-cheers-animation .cheers-animation {
  filter: blur(5px);
  z-index: 0;
}
.call-invitation-form {
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 480px;
  text-align: center;
  padding: 30px;
  box-sizing: border-box;
}
.mortal .progress {
  background-color: rgba(0, 0, 0, 0.3);
  transition: width 0ms ease;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.mortal.alive .dead {
  display: none;
}
.mortal.dead .alive {
  display: none;
}
.miniplayer {
  background-color: #24282a;
  max-height: 135px;
  min-width: 80px;
  max-width: 180px;
  border-radius: 10px;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  overflow: hidden;
  z-index: 6;
}
.overlay-opened .miniplayer {
  filter: blur(5px);
}
.miniplayer.hidden {
  display: block !important;
  visibility: hidden;
}
.role-promoter .miniplayer.hidden {
  display: none !important;
}
.role-promoter .miniplayer {
  display: none !important;
}
.miniplayer.stopped {
  min-width: 180px;
  min-height: 135px;
}
.miniplayer.playing {
  max-width: initial;
}
.miniplayer .notification {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 80px);
}
.miniplayer .notification .thumbnail {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: auto auto 8px;
}
.miniplayer .stream-ended {
  display: none;
}
.miniplayer .stream-ended .watching,
.miniplayer .stream-ended .loading {
  display: none;
}
.miniplayer .communication-stats {
  position: absolute;
  top: 10px;
  left: 12px;
}
.miniplayer .communication-stats .blinker {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  animation: blinker 1.25s linear infinite;
}
.miniplayer .communication-stats .blinker > * {
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -o-flex: 1 0 auto;
  flex: 1 0 auto;
}
.miniplayer.no-stream .stream-ended,
.miniplayer.stopped .stream-ended {
  display: block;
}
.miniplayer.no-stream .communication-stats,
.miniplayer.stopped .communication-stats {
  display: none;
}
.miniplayer.no-stream .stream-ended .watching {
  display: block;
}
.miniplayer.stopped:not(.no-stream) .stream-ended .thumbnail {
  animation-duration: 3s;
  animation-name: tinDown;
  animation-iteration-count: infinite;
}
.miniplayer.stopped:not(.no-stream) .stream-ended .loading {
  display: block;
}
.miniplayer video {
  border-radius: 10px;
  max-height: 135px;
  transition: opacity 0.25s;
}
.miniplayer .close {
  opacity: 1;
  right: 12px;
  top: 28px;
  width: 25px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: background-color 0.2s;
  z-index: 1;
}
.miniplayer .close .cross {
  background: none;
}
.miniplayer .close svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: #fff;
}
.miniplayer .close:hover {
  background-color: #000;
}
.miniplayer .close:hover svg {
  fill: #fff;
}
.miniplayer .expand {
  position: absolute;
  opacity: 1;
  left: 12px;
  bottom: 10px;
  width: 25px;
  height: 25px;
  padding: 0;
  border-radius: 50%;
  z-index: 1;
}
.miniplayer .expand svg {
  width: 13px;
  fill: #fff;
  vertical-align: middle;
}
.miniplayer .video-blur {
  display: none;
}
.application-container.tag-membership .miniplayer.minutes-unavailable .video-blur {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.ie .application-container.tag-membership .miniplayer.minutes-unavailable .video-blur {
  background: rgba(255, 255, 255, 0.7);
}
.application-container.tag-membership .miniplayer.minutes-unavailable .incoming-stream {
  -webkit-filter: blur(40px);
  -moz-filter: blur(40px);
  -o-filter: blur(40px);
  -ms-filter: blur(40px);
  filter: blur(40px);
  filter: progid:dximagetransform.microsoft.blur(PixelRadius='3');
}
.application-container.tag-membership .miniplayer.minutes-unavailable .co-stream {
  -webkit-filter: blur(40px);
  -moz-filter: blur(40px);
  -o-filter: blur(40px);
  -ms-filter: blur(40px);
  filter: blur(40px);
  filter: progid:dximagetransform.microsoft.blur(PixelRadius='3');
}
.miniplayer .co-streamer-container {
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: inline-block;
}
.miniplayer .co-streamer-container.outgoing,
.miniplayer .co-streamer-container.incoming,
.miniplayer .co-streamer-container.active {
  max-width: 90px;
  max-height: 45px;
}
.miniplayer .co-streamer-container.outgoing video,
.miniplayer .co-streamer-container.incoming video,
.miniplayer .co-streamer-container.active video {
  max-width: 90px;
  max-height: 45px;
}
.miniplayer .co-streamer-container:not(.playing) {
  visibility: hidden;
}