@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

* {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
}

button {
  border: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-size: 1em;
}

li {
  list-style: none;
}

hr {
  clear: both;
  float: left;
  width: 100%;
  height: 1px;
  margin: 0.618076em 0;
  border: 0;
  background: rgba(0, 0, 0, 0.1);
}

hr + hr {
  display: none;
}

html, body {
  position: relative;
  min-width: 20em;
  min-height: 100%;
  color: #888;
  letter-spacing: 0.02em;
}

span {
  display: inline-block;
}

a {
  -ms-touch-action: none;
  text-decoration: none;
}

.no-touch a:hover {
  text-decoration: underline;
}

img {
  display: block;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

small {
  font-size: 0.764em;
}

dd:before,
dd:after,
hr:before,
hr:after,
nav:before,
nav:after,
ul:before,
ul:after,
.clear:before,
.clear:after,
.fields_inline:before,
.fields_inline:after,
.grid:before,
.grid:after,
.media:before,
.media:after,
.navbar:before,
.navbar:after,
.pagination:before,
.pagination:after,
.panel:before,
.credits-tile:before,
.panel:after,
.credits-tile:after,
.row:before,
.row:after,
.wrap:before,
.crop:before,
.wrap:after,
.crop:after {
  content: " ";
  display: table;
}

dd:after,
hr:after,
nav:after,
ul:after,
.clear:after,
.fields_inline:after,
.grid:after,
.media:after,
.navbar:after,
.pagination:after,
.panel:after,
.credits-tile:after,
.row:after,
.wrap:after,
.crop:after {
  clear: both;
}

.grid {
  overflow: hidden;
  position: relative;
  clear: both;
  width: 100%;
  padding-left: 0.809em;
  padding-right: 0.809em;
  color: #333;
}

.grid.grid_narrow {
  padding-left: 0.809em;
  padding-right: 0.809em;
}

.grid.grid_noclip {
  overflow: visible;
}

.block-xl {
  margin-bottom: 4.235924em !important;
}

.block-l {
  margin-bottom: 2.617924em !important;
}

.block, .block-m {
  margin-bottom: 1.618em !important;
}

.block-s {
  margin-bottom: 1em !important;
}

.block-s2 {
  margin-bottom: 0.618076em !important;
}

.row {
  position: relative;
  margin-left: -0.809em;
  margin-right: -0.809em;
}

.row_left > .col:last-child {
  float: left;
}

.row > .col.end {
  float: left;
}

.wrap, .crop {
  position: relative;
}

.wrap_top-right {
  position: absolute;
  top: 0;
  right: 0;
}

.pad_h {
  padding-left: 0.809em;
  padding-right: 0.809em;
}

.pad_v {
  padding-top: 0.999924em;
  padding-bottom: 0.999924em;
}

.pad_none {
  padding: 0 !important;
}

.crop {
  overflow: hidden;
}

.equal {
  overflow: hidden;
}

.equal > .col {
  margin-bottom: -16178.382em;
  padding-bottom: 16178.382em;
}

.col,
.panel,
.credits-tile {
  position: relative;
  width: 100%;
}

.col {
  float: left;
  padding-left: 0.809em;
  padding-right: 0.809em;
}

.row_auto,
.col_auto {
  float: none;
  display: table-cell;
  width: auto;
  vertical-align: top;
}

@media screen and (min-width: 30em) {
  .grid {
    padding-left: 1.618em;
    padding-right: 1.618em;
  }

  .pad_h {
    padding-left: 1.618em;
    padding-right: 1.618em;
  }

  .row {
    margin-left: -1.618em;
    margin-right: -1.618em;
  }

  .col {
    padding-left: 1.618em;
    padding-right: 1.618em;
  }

  .grid_narrow .row {
    margin-left: -0.809em;
    margin-right: -0.809em;
  }
  .grid_narrow .col {
    padding-left: 0.809em;
    padding-right: 0.809em;
  }
}
.grid_s2 .row {
  margin-left: -0.309038em;
  margin-right: -0.309038em;
}
.grid_s2 .col {
  padding-left: 0.309038em;
  padding-right: 0.309038em;
}

.lobo-s3 > * + * {
  margin-top: 0.381848em;
}

.lobo-s2 > * + * {
  margin-top: 0.618076em;
}

.lobo-s > * + * {
  margin-top: 0.999924em;
}

.lobo-m > * + * {
  margin-top: 1.618em;
}

.lobo-l > * + * {
  margin-top: 2.617924em;
}

.lobo-xl > * + * {
  margin-top: 4.235924em;
}

.flag {
  display: inline-block;
  margin-right: 0.618076em;
}

.hidden {
  display: none !important;
}

.single-line {
  line-height: 1;
  padding: 0.14562em 0 0.236228em 0;
  white-space: nowrap;
}

.spacer-xxl {
  clear: both;
  height: 6.853848em;
}

.spacer-xl {
  clear: both;
  height: 4.235924em;
}

.spacer-l {
  clear: both;
  height: 2.617924em;
}

.spacer-m {
  clear: both;
  height: 1.618em;
}

.spacer-s {
  clear: both;
  height: 0.999924em;
}

.spacer-s2 {
  clear: both;
  height: 0.618076em;
}

.spacer-s3 {
  clear: both;
  height: 0.381848em;
}

.spacer-s4 {
  clear: both;
  height: 0.236228em;
}

.spacer-s5 {
  clear: both;
  height: 0.14562em;
}

.clip,
.clipping {
  overflow: hidden !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.centered {
  float: none;
  max-width: 65em;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 50em) {
  .centered_narrow {
    max-width: 48.75em;
  }
}
.centered-wrap {
  clear: both;
  float: right;
  position: relative;
  right: 50%;
}

.centered-wrap--inner {
  position: relative;
  left: 50%;
  overflow: hidden;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-centered-m-left,
.text-centered {
  text-align: center !important;
}

@media screen and (min-width: 30em) {
  .text-centered-m-left {
    text-align: left !important;
  }

  .text-centered-m-right {
    text-align: right !important;
  }
}
.v-align_top {
  vertical-align: top;
}

.no-word-wrap {
  white-space: nowrap;
}

.overlay {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  width: 100%;
  padding: 0.236228em 0.381848em;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.render_hover-link {
  cursor: pointer;
}

.no-touch .render_hover-link:hover {
  text-decoration: underline;
}

html {
  font-size: 1em;
}

body {
  font-size: 1em;
  line-height: 1.618;
  font-family: "Open Sans", Verdana, Helvetica, Arial, sans-serif;
}

html, body {
  line-height: 1.4562;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1em;
  margin: 0.309em 0;
}

.font-xl {
  font-size: 2.618em;
  font-weight: 300;
  text-rendering: optimizelegibility;
}

.font-l, #welcome-browser-wrap h1, .deeplink--icon, .friend-list .text-btn i, .friend-list .close-btn i, .friend-list--name, .badge-detailed .badge--name {
  font-size: 1.618em;
  font-weight: 300;
  text-rendering: optimizelegibility;
}

.font-m {
  font-size: 1em;
}

.font-ms {
  font-size: 0.764em;
}

.font-s {
  font-size: 0.618em;
}

.font-2x,
.icon_2x {
  font-size: 2em;
}

strong {
  font-weight: 600;
}

em {
  margin-right: 0.236228em;
  font-style: italic;
}

@media screen and (min-width: 30em) {
  html, body {
    line-height: 1.618;
  }

  .m-font-xl {
    font-size: 2.618em;
    font-weight: 300;
  }

  .m-font-l {
    font-size: 1.618em;
    font-weight: 300;
  }
}
@media screen and (min-width: 50em) {
  .l-font-xl {
    font-size: 2.618em;
    font-weight: 300;
  }

  .l-font-l {
    font-size: 1.618em;
    font-weight: 300;
  }
}
@media screen and (min-width: 64em) {
  .xl-font-xl {
    font-size: 2.618em;
    font-weight: 300;
  }

  .xl-font-l {
    font-size: 1.618em;
    font-weight: 300;
  }
}
.icon {
  display: inline-block;
}

.icon + .icon {
  margin-left: 0.236228em;
}

.icon-stack .icon + .icon {
  margin-left: 0;
}

.icon-refresh {
  height: 0.94em;
}

.icon_spin {
  -webkit-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear;
}

@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.icon-stack_1x,
.icon-stack_2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.icon-stack_1x {
  line-height: inherit;
}

.icon-stack_2x {
  font-size: 2em;
}

.input--input,
.textarea,
.select, .chosen-search input[type=text], .chosen-container-single .chosen-single, .radio--label:after, .checkbox--label:after, .checkbox--label:before,
.radio--label:before {
  transition: border 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease;
}

.dashboard-tp--toggle-button .checkbox--label:before, .pagination--item a, .create-btn, .btn, #welcome-browser-wrap address a, .dialog-buttons button {
  transition: border 0.2s ease, background-color 0.2s ease, color 0.2s ease, text-shadow 0.2s ease, top 0.2s ease;
}

.navigation_vertical .navbar--sub-item, .navbar {
  transition: background-color 0.2s ease, right 0.2s ease, height 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease;
}

.dashboard-tp--toggle-button .checkbox--label:before, .navbar--item, .item-list, .browse-button, .radio-list--item,
.radio-list--color, .btn, #welcome-browser-wrap address a, .dialog-buttons button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: text;
  -ms-user-select: none;
  user-select: none;
}

.ajax-notice {
  position: relative;
  padding: 0.3436632em 0.999924em 0.4200328em 0.999924em;
  padding-left: 2.854152em;
  padding-right: 0;
  margin-left: 0.618076em;
}

.ajax-notice .icon {
  position: absolute;
  left: 0.381848em;
  width: 1em;
  text-align: center;
}

.ajax-notice_info .icon {
  color: #09f;
}

.ajax-notice_success .icon {
  color: #5b0;
}

.ajax-notice_warning .icon {
  color: #f90;
}

.ajax-notice_error .icon {
  color: #e22;
}

.autocomplete-suggestions {
  overflow: auto;
  z-index: 10;
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  background: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.autocomplete-suggestions strong {
  font-weight: bold;
  text-decoration: underline;
}

.autocomplete-suggestion {
  overflow: hidden;
  padding: 0.381848em 0.618076em;
  white-space: nowrap;
}

.autocomplete-selected {
  color: #fff;
  cursor: pointer;
}

.autocomplete-selected strong {
  color: #fff;
}

.badges-list {
  cursor: pointer;
}

.badge {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.badge--spacer,
.badge--level-spacer {
  width: 100%;
  height: auto;
}

.badge--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 687.5%;
  height: 1137.5%;
}

.badge--level {
  overflow: hidden;
  position: absolute;
  left: -10%;
  bottom: -22%;
  width: 120%;
}

.badge--level-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 460%;
  height: 200%;
}

.badge--level_1 .badge--level-image {
  display: none;
}

.badge--level_2 .badge--level-image {
  left: 0;
}

.badge--level_3 .badge--level-image {
  left: -180%;
}

.badge--level_4 .badge--level-image {
  left: -360%;
}

.badge--level_5 .badge--level-image {
  top: -100%;
  left: 0;
}

.badge--level_6 .badge--level-image {
  top: -100%;
  left: -180%;
}

.badge--level_7 .badge--level-image {
  top: -100%;
  left: -360%;
}

.badge--reward {
  font-weight: bold;
  text-align: center;
}

.gallery .badge--reward {
  background: #f3f3f3;
}

.badge-detailed .badge--icon {
  float: left;
  width: 4.6em;
  height: 4.6em;
}
.badge-detailed .badge--details {
  padding-left: 0.999924em;
}
.badge-detailed .badge--name {
  margin: 0 0 0.236228em 0;
  line-height: 1;
}
.badge-detailed .badge--status {
  position: relative;
  overflow: hidden;
}
.badge-detailed .badge--status-back {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #ccc;
}
.badge-detailed .badge--status-bar {
  background: #ddd;
}
.badge-detailed .badge--count {
  float: left;
}
.badge-detailed .badge--reward {
  float: right;
}
.badge-detailed .progress {
  margin: 0.236228em 0;
}
.badge-detailed .progress--bar {
  background: #ccc;
}

.bagde_right .badge--icon {
  float: right;
}
.bagde_right .progress--bar {
  position: absolute;
  right: 0;
}

@media screen and (min-width: 30em) {
  .badge-detailed.badge--name {
    margin-top: -0.381848em;
  }
}
.badge-detailed_blue .progress--bar {
  background: #4795D1;
}

.badge-detailed_red .progress--bar {
  background: #FF6800;
}

.badge-detailed_yellow .progress--bar {
  background: #FFD300;
}

.badge-detailed_cyan .progress--bar {
  background: #0BD5CC;
}

.badge-detailed_green .progress--bar {
  background: #40D100;
}

.badge-detailed_pink .progress--bar {
  background: #ff14b9;
}

.badge.socializer .badge--image {
  left: -12.5%;
  top: -12.5%;
}

.badge.onliner .badge--image {
  left: -12.5%;
  top: -125%;
}

.badge.facebook .badge--image {
  left: -12.5%;
  top: -237.5%;
}

.badge.email .badge--image {
  left: -12.5%;
  top: -350%;
}

.badge.tutorial .badge--image {
  left: -12.5%;
  top: -462.5%;
}

.badge.dummy-1-6 .badge--image {
  left: -12.5%;
  top: -575%;
}

.badge.dummy-1-7 .badge--image {
  left: -12.5%;
  top: -687.5%;
}

.badge.dummy-1-8 .badge--image {
  left: -12.5%;
  top: -800%;
}

.badge.circulator .badge--image {
  left: -125%;
  top: -12.5%;
}

.badge.social .badge--image {
  left: -125%;
  top: -125%;
}

.badge.spender .badge--image {
  left: -125%;
  top: -237.5%;
}

.badge.employer .badge--image {
  left: -125%;
  top: -350%;
}

.badge.jobber .badge--image {
  left: -125%;
  top: -462.5%;
}

.badge.beloved .badge--image {
  left: -125%;
  top: -575%;
}

.badge.cookie .badge--image {
  left: -125%;
  top: -687.5%;
}

.badge.dummy-2-8 .badge--image {
  left: -125%;
  top: -800%;
}

.badge.homemade .badge--image {
  left: -237.5%;
  top: -12.5%;
}

.badge.seller .badge--image {
  left: -237.5%;
  top: -125%;
}

.badge.designer .badge--image {
  left: -237.5%;
  top: -237.5%;
}

.badge.trendsetter .badge--image {
  left: -237.5%;
  top: -350%;
}

.badge.awarded .badge--image {
  left: -237.5%;
  top: -462.5%;
}

.badge.voter .badge--image {
  left: -237.5%;
  top: -575%;
}

.badge.sunny .badge--image {
  left: -237.5%;
  top: -687.5%;
}

.badge.dummy-3-8 .badge--image {
  left: -237.5%;
  top: -800%;
}

.badge.merchant .badge--image {
  left: -350%;
  top: -12.5%;
}

.badge.fashionista .badge--image {
  left: -350%;
  top: -125%;
}

.badge.purchaser .badge--image {
  left: -350%;
  top: -237.5%;
}

.badge.homeowner .badge--image {
  left: -350%;
  top: -350%;
}

.badge.collector .badge--image {
  left: -350%;
  top: -462.5%;
}

.badge.enthusiast .badge--image {
  left: -350%;
  top: -575%;
}

.badge.speculator .badge--image {
  left: -350%;
  top: -687.5%;
}

.badge.watcher .badge--image {
  left: -350%;
  top: -800%;
}

.badge.craftingpickup .badge--image {
  left: -350%;
  top: -912.5%;
}

.badge.slotmachineused .badge--image {
  left: -350%;
  top: -1025%;
}

.badge.photographer .badge--image {
  left: -462.5%;
  top: -12.5%;
}

.badge.chatter .badge--image {
  left: -462.5%;
  top: -125%;
}

.badge.tourist .badge--image {
  left: -462.5%;
  top: -237.5%;
}

.badge.poker .badge--image {
  left: -462.5%;
  top: -350%;
}

.badge.gamer .badge--image {
  left: -462.5%;
  top: -462.5%;
}

.badge.pairanimsender .badge--image {
  left: -462.5%;
  top: -575%;
}

.badge.pairanimaccepter .badge--image {
  left: -462.5%;
  top: -687.5%;
}

.badge.dummy-5-8 .badge--image {
  left: -462.5%;
  top: -800%;
}

.badge.quizsole .badge--image {
  left: -575%;
  top: -12.5%;
}

.badge.quiztogether .badge--image {
  left: -575%;
  top: -125%;
}

.badge.quizfast .badge--image {
  left: -575%;
  top: -237.5%;
}

.badge.quizwin .badge--image {
  left: -575%;
  top: -350%;
}

.badge.quizfastest .badge--image {
  left: -575%;
  top: -462.5%;
}

.badge.dummy-6-6 .badge--image {
  left: -575%;
  top: -575%;
}

.badge.dummy-6-7 .badge--image {
  left: -575%;
  top: -687.5%;
}

.badge.dummy-6-8 .badge--image {
  left: -575%;
  top: -800%;
}

.btn, #welcome-browser-wrap address a, .dialog-buttons button {
  display: inline-block;
  margin: 0 0 0.381848em 0;
  padding: 0.3436632em 0.999924em 0.4200328em 0.999924em;
  border: none;
  vertical-align: top;
  text-align: center;
  background: #ddd;
  color: #333;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3) inset;
  cursor: pointer;
  -ms-touch-action: none;
}

.btn a, #welcome-browser-wrap address a a, .dialog-buttons button a {
  color: #333;
}

.icon_left {
  margin-right: 0.618076em;
}

.icon_right {
  margin-left: 0.618076em;
}

.no-touch .btn:hover, .no-touch #welcome-browser-wrap address a:hover, #welcome-browser-wrap address .no-touch a:hover, .no-touch .dialog-buttons button:hover, .dialog-buttons .no-touch button:hover {
  text-decoration: none;
  text-shadow: 0 0 2px #fff, 0 0 12px #fff;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset, 1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 4px 8px -4px rgba(0, 0, 0, 0.3), 0 0 6px 2px rgba(0, 0, 0, 0.1);
}

.no-touch .btn:active, .no-touch #welcome-browser-wrap address a:active, #welcome-browser-wrap address .no-touch a:active, .no-touch .dialog-buttons button:active, .dialog-buttons .no-touch button:active {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) inset, 0 4px 8px -4px rgba(0, 0, 0, 0.3) inset, 0 0 6px 2px rgba(0, 0, 0, 0.1) inset;
}

.btn_disabled {
  opacity: 0.3;
  pointer-events: none;
}

.btn_w100 {
  display: block;
}

.btn_small {
  padding: 0.2123838576em 0.6797483352em !important;
  font-size: 0.8em;
}

.btn_big {
  padding: 0.2123838576em 0.6797483352em !important;
  font-size: 1.618em;
  font-weight: 300;
}

.btn_top-left {
  position: absolute;
  top: 0.381848em;
  left: 0.381848em;
}

.btn_top-right {
  position: absolute;
  top: 0.381848em;
  right: 0.381848em;
}

.btn_bottom-right {
  position: absolute;
  bottom: 0.381848em;
  right: 0.381848em;
}

.no-touch .btn_disabled:hover,
.btn_disabled:active {
  text-decoration: none;
  text-shadow: none;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3) inset;
  cursor: default;
}

.button-group {
  display: block;
  float: left;
  margin: 0;
}

.button-group .btn, .button-group #welcome-browser-wrap address a, #welcome-browser-wrap address .button-group a, .button-group .dialog-buttons button, .dialog-buttons .button-group button {
  display: block;
  float: left;
  border-radius: 0;
  margin: 0 1px 0 0;
}

/*
.button-group .btn:first-child {
//	border-radius: $border-radius-l 0 0 $border-radius-l;
}

.button-group .btn:last-child {
//	border-radius: 0 $border-radius-l $border-radius-l 0;
}
*/
/*
.btn.light-grey:hover   { background: $dark-light-grey; color: $color-text-light; }
.btn.red:hover          { background: $dark-red; }
.btn.orange:hover       { background: $dark-orange; }
.btn.yellow:hover       { background: $dark-yellow; color: $color-text-light; }
.btn.lime:hover         { background: $dark-lime; color: $color-text-light; }
.btn.green:hover        { background: $dark-green; }
.btn.teal:hover         { background: $dark-teal; }
.btn.light-blue:hover   { background: $dark-light-blue; }
.btn.blue:hover         { background: $dark-blue; }
.btn.purple:hover       { background: $dark-purple; }
.btn.pink:hover         { background: $dark-pink; }
.btn.grey:hover         { background: $dark-grey; }
*/
.text-btn, .close-btn {
  display: inline-block;
  padding: 0.381848em 0.999924em;
  margin: -0.381848em 0.999924em -0.381848em -0.999924em;
  text-decoration: none;
  background: transparent;
  box-shadow: none;
  color: #aaa;
}

.text-btn_dummy {
  visibility: none;
}

.no-touch .text-btn:hover, .no-touch .close-btn:hover {
  text-decoration: none;
  cursor: pointer;
}

.no-touch .text-btn_dummy:hover {
  cursor: default;
}

.float-right .text-btn, .float-right .close-btn {
  margin: -0.381848em -0.999924em -0.381848em 0.999924em;
}

.button-group .text-btn, .button-group .close-btn {
  display: block;
  float: left;
}

.create-btn {
  width: 1.618em;
  height: 1.618em;
  border-radius: 50%;
  font-size: 2.618em;
  line-height: 1.618;
  text-align: center;
  color: #fff;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3) inset;
}

.no-touch .create-btn:hover {
  text-shadow: 0 0 2px #fff, 0 0 12px #fff;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset, 1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 4px 8px -4px rgba(0, 0, 0, 0.3), 0 0 6px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.no-touch .create-btn:active {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) inset, 0 4px 8px -4px rgba(0, 0, 0, 0.3) inset, 0 0 6px 2px rgba(0, 0, 0, 0.1) inset;
}

.close-btn {
  position: absolute;
  top: 0;
  right: -1.618em;
  z-index: 20;
}

.calendar table {
  width: 100%;
  table-layout: auto;
}
.calendar th, .calendar td {
  display: table-cell;
  width: 2.643em;
  padding: 0.381848em 0.236228em;
  text-align: center;
  cursor: default;
}
.calendar a {
  display: block;
  margin: -0.381848em -0.236228em;
  padding: 0.381848em 0.236228em;
  font-weight: bold;
}
.calendar .highlight a {
  box-shadow: 0 0.381848em 0 #f90 inset;
}

.no-touch .calendar a:hover {
  text-decoration: none;
}

@media screen and (min-width: 30em) {
  .calendar table {
    width: 24em;
  }
}
/*

<div class="field">
	<input class="checkbox--input" id="check1" type="checkbox">
	<label class="checkbox--label" for="check1">Check Box</label>
</div>

<div class="field">
	<input class="radio--input" id="radio1" type="radio" name=radio-group">
	<label class="radio--label" for="radio1">Radio Button</label>
</div>

NOTE: SPAN can be used instead of DIV for the field to render inline.

*/
.checkbox--input,
.radio--input {
  position: absolute;
  top: 0.381848em;
  left: 0.236228em;
  opacity: 0;
}

.checkbox--label,
.radio--label {
  display: block;
  padding-left: 1.76362em;
  margin-bottom: 0;
  cursor: pointer;
  -ms-touch-action: none;
}

.checkbox--label:before,
.radio--label:before {
  content: " ";
  position: absolute;
  top: 0.236228em;
  left: 0;
  display: block;
  width: 1.618em;
  height: 1.618em;
  font-size: 80%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}

.checkbox--label:after {
  content: "";
  position: absolute;
  display: block;
  top: 0.15em;
  left: 0.05em;
  width: 1.25em;
  text-align: center;
  font-size: 0.9em;
  font-family: clubcooee;
  font-weight: bold;
  opacity: 0;
}

.radio--label:after {
  content: " ";
  position: absolute;
  display: block;
  top: 10%;
  left: 0;
  margin-top: 0.309038em;
  margin-left: 0.309038em;
  width: 0.999924em;
  height: 0.999924em;
  font-size: 80%;
  border-radius: 2px;
  opacity: 0;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3) inset;
}

.checkbox--input:checked + .checkbox--label:after,
.radio--input:checked + .radio--label:after {
  opacity: 1;
}

.radio--label:before,
.radio--label:after {
  border-radius: 50%;
}

.checkbox--label[disabled] {
  color: #ccc;
  cursor: default;
}

.no-touch .field_disabled .checkbox--label:hover:before,
.no-touch .field_disabled .radio--label:hover:before,
.no-touch .field_disabled.field_focused .checkbox--label:before,
.no-touch .field_disabled.field_focused .radio--label:before {
  border: 1px solid #ccc;
}

/*
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chosen-container .chosen-drop {
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  color: #333;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0.381848em 0.618076em;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
  background-clip: padding-box;
  color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  text-decoration: none;
  white-space: nowrap;
}

.chosen-search input[type=text] {
  display: block;
  width: 100%;
  padding: 0.381848em 1.854228em 0.381848em 0.618076em;
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  border-radius: 2px;
}

.chosen-search input[type=text]:focus {
  outline: 0 none;
}

.chosen-container-single .chosen-default {
  color: #888;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 0.999924em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 2.617924em;
}

.chosen-container-single .chosen-single abbr:after {
  display: block;
  position: absolute;
  top: 0.381848em;
  right: 1.999848em;
  content: "";
  font-family: clubcooee;
  text-align: right;
}

.no-touch .chosen-container-single .chosen-single abbr:hover:after,
.no-touch .chosen-container-single.chosen-disabled .chosen-single abbr:hover:after {
  color: #919191;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0.381848em;
  right: 0;
  display: block;
  width: 2em;
  height: 100%;
}

.chosen-container-single .chosen-single div b:after {
  display: block;
  content: "";
  font-family: clubcooee;
  text-align: center;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 0 0.381848em 0.618076em;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices:after,
.chosen-container-single .chosen-search:after {
  display: block;
  position: absolute;
  top: 0.381848em;
  right: 0.999924em;
  content: "";
  font-family: clubcooee;
  text-align: right;
  color: #aaa;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 19.416em;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  padding: 0.236228em 0.618076em;
  list-style: none;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #bbb;
  cursor: default;
}

.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #ddd;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  font-weight: bold;
  text-decoration: underline;
  margin: 0;
}

/* @end */
/* @group Multi Chosen */
/* Disabled for Cooee */
.chosen-container-multi * {
  display: none !important;
}

select[multiple] {
  display: block !important;
}

.chosen-container-multi:after {
  content: "WARNING: Multiple select via Chosen is not supported.";
  font-weight: bold;
  color: #e22;
}

/*
.chosen-container-multi .chosen-choices {
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 0 $grain-s4;
	border: $input-border;
	border-radius: $border-radius;
	background: $input-background;
	cursor: text;
}
.chosen-container-multi .chosen-choices:after {
	top: $grain-s4;
	right: $grain-s2;
}
.chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	padding: $padding-form-v $padding-form-h $padding-form-v $grain-s3;
	outline: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none;
	border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
	color: $color-text-light;
}
.chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin: $grain-s5 $grain-s5 $grain-s5 $grain-s5;
	padding: $grain-s5 $grain $grain-s5 $grain-s3;
	border-radius: $border-radius;
	box-shadow: $btn-shadow;
	cursor: default;

	@extend %color-accent_back;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
	display: block;
	position: absolute;
	top: $grain-s5;
	right: $grain-s3;
	content: "\e639";
	font-family: clubcooee;
	text-align: right;

	@extend %color-accent_text;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:after {
	color: $color-text_inverted;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
	padding-right: 5px;
	border: $input-border;
	background: #e4e4e4;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
	background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
	background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
	margin: 0;
	padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
	display: list-item;
	color: $color-text_disabled;
	cursor: default;
}
*/
/* @end */
/* @group Active  */
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #ccc;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b:after {
  display: block;
  content: "";
  font-family: clubcooee;
  text-align: center;
}

.chosen-container-active .chosen-choices {
  border-radius: 2px 2px 0 0;
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #333 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.composer {
  position: relative;
  z-index: 99;
}

.composer-wrap,
.composer_hidden {
  display: none;
}

.composer_official {
  background: #35b;
  color: #fff;
}

.composer--item-warning {
  display: none;
}

.composer--media-links a {
  margin-top: 0;
  margin-bottom: 0;
}

.composer--text-counter {
  float: right;
}

.composer--spinner {
  position: absolute;
  width: 40%;
  height: 40%;
  top: 30%;
  left: 30%;
  text-align: center;
  background: #333;
  color: #fff;
}

.composer--spinner .icon {
  margin-top: 19%;
  font-size: 2.2em;
  height: 1em;
}

.composer--image-preview {
  position: relative;
}

#uploadContainer,
.composer--upload-info,
.composer--upload-error {
  display: none;
}

.composer--gift-badge {
  float: right;
  margin-left: 0.381848em;
  font-size: 2.618em;
}

#showComposerButton {
  display: none;
}

.composer-markdown-helper li {
  display: inline-block;
  margin-right: 1rem;
  white-space: nowrap;
}

.credits-tile {
  text-align: center;
  background: #fff;
  outline: 0.381848em solid #ddd;
}

.no-touch .credits-tile:hover {
  outline-color: #aaa;
  box-shadow: none;
  cursor: pointer;
}

.credits-tile.color, #welcome-browser-wrap address a.credits-tile,
.no-touch .credits-tile.color {
  background: #fff;
  color: #333;
  box-shadow: none;
  cursor: pointer;
}

.credits--discount {
  color: #e22;
}

.embed {
  margin-top: 0.618076em;
}

.embed--photo img {
  max-width: 100%;
  margin: 0 auto;
}

.embed--link {
  word-wrap: break-word;
  line-height: 1em;
  margin-top: -0.090608em;
}

.embed--thumbnail {
  position: relative;
  cursor: pointer;
}

.embed--play {
  position: relative;
  margin: 0 auto;
}

.embed iframe {
  margin: 0 auto;
}

.embed--load {
  position: relative;
  margin: 0 auto;
  height: 64px;
  width: 64px;
}

.embed--spinner {
  font-size: 64px;
  color: #fff;
  text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000;
}

.bbcode_img {
  max-width: 100%;
  margin: 0 auto;
}

.field,
.fields {
  position: relative;
  margin-bottom: 0.618076em;
}

.fields_inline .field {
  display: block;
  float: left;
  margin-right: 0.618076em;
  margin-bottom: 0;
}

.fields_inline .field--label,
.fields_inline .input--label,
.fields_inline .textarea--label {
  display: inline-block;
  float: left;
  margin-right: 0.381848em;
}

.fields_inline .input--label {
  margin-top: 0.381848em;
}

.fields_inline .input--input {
  display: inline;
  width: auto;
}

.fields_inline .field--info {
  margin-top: -0.618076em;
}

span.field {
  margin-right: 1.618em;
}

.field--label,
.input--label {
  display: block;
  margin-bottom: 0.236228em;
}

.field--info {
  color: #888;
}

.field--info,
.field--error {
  clear: left;
  margin-top: 0.236228em;
}

.field--error {
  color: #e22;
}

.page-header--nav {
  margin: -0.381848em -0.999924em;
}

.page-header--nav-item {
  position: relative;
  display: inline-block;
  padding: 0.381848em 0.999924em;
  color: #888;
}

/*
.page-header--nav-item:after {
	content: '/';
	position: absolute;
	left: 100%;
	color: $color-text-light;
}
*/
.no-touch .page-header--nav-item:hover {
  text-decoration: none;
  cursor: pointer;
}

.no-touch .page-header--nav-item_active:hover {
  text-decoration: none;
  color: #000 !important;
  cursor: default;
  box-shadow: none;
}

.page-header--nav-item_active {
  color: #000;
}

.page-header--nav-item--count {
  padding: 0 0.236228em;
  margin-left: 0.236228em;
  border-radius: 0.236228em;
  font-weight: bold;
  background: #e22;
  color: #fff;
}

form {
  position: relative;
}

.form--search-wrap {
  position: absolute;
  top: 0.381848em;
  right: 0;
  width: 100%;
}

.form--search-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.381848em 0.999924em;
  margin: 0 -0.854304em;
  color: #888;
}

.form--search .input--submit .icon {
  font-size: 1.4em;
}

.no-touch .form--search-button:hover {
  cursor: pointer;
}

.form--search {
  display: none;
}

.friend-list--image {
  width: 3em;
}

.friend-list--data {
  float: left;
  width: 100%;
}

.friend-list--name {
  line-height: 1;
}

.friend-list--actions {
  margin-top: 0.381848em;
}

.friend-list .text-btn i, .friend-list .close-btn i {
  line-height: 1;
}

@media screen and (min-width: 30em) {
  .friend-list--data {
    padding-top: 0.618076em;
    padding-bottom: 0.618076em;
  }

  .friend-list--name {
    float: left;
  }

  .friend-list--actions {
    float: right;
    margin-top: 0;
    margin-right: -1.618em;
  }
}
.gallery {
  position: relative;
  margin-left: -1px;
  margin-right: -1px;
}

.gallery_spaced {
  margin-left: -0.809em;
  margin-right: -0.809em;
  margin-bottom: -1.618em;
}

.gallery--category {
  clear: left;
  float: left;
  width: 100%;
  margin-top: 0.999924em;
  margin-bottom: 0.618076em;
}

.gallery_spaced .gallery--category {
  padding-left: 0.809em;
  padding-right: 0.809em;
}

.gallery--category:first-child {
  margin-top: 0;
}

.gallery--item {
  position: relative;
  float: left;
  width: 50%;
  padding-left: 1px;
  padding-right: 1px;
  margin-bottom: 2px;
}

.gallery_spaced .gallery--item {
  padding-left: 0.809em;
  padding-right: 0.809em;
  margin-bottom: 1.618em;
}

.gallery_s .gallery--item {
  width: 33.3333333333%;
}

.gallery_xs .gallery--item {
  width: 16.6666666667%;
  font-size: 0.618em;
}

@media screen and (min-width: 20.062em) {
  .gallery--item {
    width: 33.3333333333%;
  }

  .gallery_s .gallery--item {
    width: 25%;
  }

  .gallery_xs .gallery--item {
    width: 12.5%;
  }
}
@media screen and (min-width: 30em) {
  .gallery--item {
    width: 25%;
  }

  .gallery_s .gallery--item {
    width: 16.6666666667%;
  }

  .gallery_xs .gallery--item {
    width: 10%;
  }
}
@media screen and (min-width: 50em) {
  .gallery--item {
    width: 16.6666666667%;
  }

  .gallery_xs .gallery--item {
    width: 8.3333333333%;
  }

  .gallery_s .gallery--item {
    width: 12.5%;
  }

  .gallery_l .gallery--item {
    width: 25%;
  }
}
@media screen and (min-width: 64em) {
  .gallery_s .gallery--item {
    width: 10%;
  }
}
.image,
.image img {
  position: relative;
  width: 100%;
}

.image--delete {
  position: absolute;
  top: 0;
  right: 1px;
}

.image--overlay {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  width: 100%;
  padding: 0 0.618076em;
  font-size: 0.764em;
  text-align: center;
  background: #333;
  color: #fff;
}

.input--label,
.textarea--label,
.select--label {
  display: block;
  margin-bottom: 0.236228em;
}

.input--input,
.textarea,
.select {
  display: block;
  width: 100%;
  padding: 0.381848em 0.618076em;
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  border-radius: 2px;
}

.input--input[disabled],
.textarea[disabled],
.select[disabled] {
  opacity: 0.5;
}

.select--option {
  padding: 0 0.999924em;
}

.input--input:focus,
.textarea:focus,
.select:focus {
  outline: 0 none;
}

.no-touch .field:hover .input--input[disabled],
.no-touch .field:hover .textarea[disabled],
.no-touch .field:hover .select[disabled] {
  border: 1px solid #ccc;
}

.field_error .input--input,
.field_error .textarea,
.field_error .select {
  border: 1px solid #e22 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset !important;
}

.field_error .input--input:focus,
.field_error .textarea:focus,
.field_error .select:focus {
  border: 1px solid #e22 !important;
  box-shadow: 4px 0 0 #e22 inset, 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 4px rgba(238, 34, 34, 0.6) !important;
}

.no-touch .field_error:hover .input--input,
.no-touch .field_error:hover .textarea,
.no-touch .field_error:hover .select {
  border: 1px solid #e22 !important;
}

.textarea {
  resize: vertical;
}

.input--input-wrap {
  position: relative;
}

.input_submit .input--submit-wrap {
  display: table;
  width: 100%;
}
.input_submit .input--input {
  display: table-cell;
  border-radius: 2px 0 0 2px;
}
.input_submit .input--submit {
  display: table-cell;
  vertical-align: top;
  width: 1px;
  white-space: nowrap;
}
.input_submit .input--submit .btn, .input_submit .input--submit #welcome-browser-wrap address a, #welcome-browser-wrap address .input_submit .input--submit a, .input_submit .input--submit .dialog-buttons button, .dialog-buttons .input_submit .input--submit button {
  vertical-align: 0;
}

.input_icon,
.input_cancel {
  position: relative;
  padding-right: 2.617924em;
}

.input--icon,
.input--cancel-button {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 0.618076em;
  color: #888;
}

.no-touch .input--cancel-button:hover {
  cursor: pointer;
}

.input--icon .icon,
.input--cancel-button .icon {
  line-height: 1.45;
}

.item-image {
  position: relative;
  background: #f3f3f3;
}

.item-image_vip {
  background: #f93;
  /* Fallback Color */
  background: -webkit-gradient(radial, from(#ff0), to(#f93));
  /* Saf4+, Chrome */
  background: -webkit-radial-gradient(center, #ff0, #f93);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background: -moz-radial-gradient(center, #ff0, #f93);
  /* FF3.6 */
  background: -ms-radial-gradient(center, #ff0, #f93);
  /* IE10 */
  background: -o-radial-gradient(center, #ff0, #f93);
  /* Opera 11.10+ */
  background: radial-gradient(center, #ff0, #f93);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#ff0", EndColorStr="#f93");
}

.item-image_xl {
  width: 7em;
}

.item-image_l {
  width: 5em;
}

.item-image_m {
  width: 3em;
}

.item-image_s {
  width: 24px;
}

.item-image img {
  width: 100%;
  padding: 0.381848em;
}

.gallery--item .item-image--wrap {
  overflow: hidden;
  display: block;
  position: relative;
  width: 100%;
  min-width: 3em;
  height: 0;
  padding-bottom: 100%;
}

.gallery--item .item-image--image {
  display: block;
  position: absolute;
  height: 100%;
}

.item-image--gender {
  content: " ";
  display: block;
  float: left;
  width: 0.618076em;
  height: 1.618em;
  margin-left: -0.381848em;
  margin-right: 0.381848em;
}

.item-image--gender_male {
  background: #09f;
}

.item-image--gender_female {
  background: #f0a;
}

.item-image--overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 0.381848em;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.item-image--data {
  overflow: hidden;
}

.item-image,
.item-image a {
  color: #fff;
}

.item-image--count {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0.381848em;
  background: rgba(0, 0, 0, 0.6);
}

.site-header {
  color: #fff;
}

.site-header {
  background: #333;
  box-shadow: 0 0 1.618em rgba(0, 0, 0, 0.25);
}

.nav-side {
  margin-bottom: 1px;
}

.nav-side .navbar {
  background: #ebebeb;
  color: #333;
}

.nav-side .navbar--item {
  color: #333;
}

.nav-side .fa {
  width: 1.2944em;
  text-align: left;
  font-size: 1.05em;
}

.site-background {
  padding: 0 0.809em;
  margin-left: -0.809em;
  margin-right: -0.809em;
  background: #f3f3f3;
}

.site-content {
  padding-top: 0.999924em;
  padding-bottom: 1.618em;
  background: #f3f3f3;
  min-height: 99vh;
  box-shadow: 0 0 1.618em rgba(0, 0, 0, 0.05);
}

@media screen and (min-width: 30em) {
  .site-background {
    padding: 0 1.618em;
    margin-left: -1.618em;
    margin-right: -1.618em;
  }
}
@media screen and (min-width: 50em) {
  .site_show-theme {
    margin-top: 12em;
    margin-bottom: 12em;
  }

  .site-background {
    background: #ebebeb;
  }
}
.page-header {
  position: relative;
  margin-bottom: 2.617924em;
  z-index: 1;
}

.page-header--headline {
  margin-top: 0;
}

.page-header--search-wrap {
  position: absolute;
  top: 0.381848em;
  right: 0;
  width: 18.375em;
}

.page-header--search-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.381848em 0.999924em;
  margin: 0 -0.854304em;
  color: #888;
}

.page-header--search .input--submit .icon {
  font-size: 1.4em;
}

.no-touch .page-header--search-button:hover {
  cursor: pointer;
}

.page-header--search {
  display: none;
}

.footer {
  background: #333;
}

.footer--section {
  float: left;
  padding: 0.999924em 0;
}

.footer--section a {
  color: #fff;
}

.footer--social-link {
  display: inline-block;
  padding: 0.999924em 1.618em 0 1.618em;
}

.footer--section .icon {
  width: 1em;
  margin-right: 0.618076em;
  text-align: center;
}

.footer--to-top {
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer--to-top a {
  display: block;
  padding: 0.381848em 0;
  text-align: center;
  color: #fff;
}
.footer--to-top .icon {
  margin: 0 0.618076em;
}

.no-touch .footer--to-top a:hover {
  text-decoration: none;
  cursor: pointer;
}

.level-bar {
  position: relative;
  float: left;
  width: 100%;
}

.level-bar--type {
  position: relative;
  float: left;
  padding: 0.381848em 0.999924em;
  margin-right: 0.5%;
}

.level-bar--type,
.level-bar--reward {
  width: 49.5%;
}

.level-bar--type .user-level {
  float: left;
  position: relative;
  left: 50%;
  margin: 0 auto;
  color: #fff;
}
.level-bar--type .user-level--type,
.level-bar--type .user-level--number {
  position: relative;
  left: -50%;
}

.level-bar--progress {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-top: 0.14562em solid #f3f3f3;
  background: #ddd;
}

.level-bar--progress-bar {
  position: relative;
  left: 0;
  width: 0;
  height: 2.381696em;
  transition: width 3s ease;
}

.level-bar--progress-bar:after {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  content: " ";
  width: 0;
  height: 0;
  border-width: 1.190848em;
  border-style: solid;
}

.level-bar--progress.show-state .level-bar--progress-bar:after {
  display: block;
}

.level-bar--progress-info {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0.381848em 0.999924em;
  text-align: center;
  color: #fff;
}

.level-bar--reward {
  float: right;
  padding: 0.381848em 0.999924em;
  margin-left: 0.5%;
  text-align: center;
  line-height: 1;
  background: #ddd;
  color: #fff;
}

@media screen and (min-width: 30em) {
  .level-bar--type,
.level-bar--reward {
    width: auto;
  }

  .level-bar--progress {
    width: auto;
    border-top: none;
  }
}
ul.list_horizontal {
  overflow: hidden;
}

ul.list_horizontal > li {
  float: left;
  margin-right: 0.618076em;
}

ul.list_horizontal_wide > li {
  float: left;
  margin-right: 1.618em;
}

ul.list_horizontal_wide > li:last-child {
  margin-right: 0;
}

ul.list_horizontal_centered {
  text-align: center;
}

ul.list_horizontal_centered > li,
ul.list_horizontal_centered > li:last-child {
  display: inline-block;
  float: none;
  white-space: nowrap;
  margin: 0 0.809em;
}

ul.list-indent > li,
ul.list-bullet > li {
  margin-left: 1.618em;
}

ul.list-bullet > li:before {
  content: "•";
  position: absolute;
  margin-left: -1.618em;
  width: 1.618em;
  text-align: center;
  padding-right: 0.236228em;
}

dl.horizontal {
  display: block;
}

dt {
  font-weight: bold;
}

dl.horizontal dt {
  overflow: hidden;
  text-overflow: ellipsis;
}

dl.horizontal dd {
  overflow: hidden;
}

@media screen and (min-width: 50em) {
  dl.horizontal dt {
    clear: left;
    float: left;
    width: 33%;
    margin-right: 1.618em;
  }

  dl.horizontal dd {
    margin-left: 33%;
    padding-left: 1.618em;
  }
}
dl.horizontal_forced dt {
  clear: left;
  float: left;
  width: 33%;
  margin-right: 1.618em;
}

dl.horizontal_forced dd {
  margin-left: 33%;
  padding-left: 1.618em;
}

.list > .col:last-child,
.list-image > .col:last-child {
  float: left;
}

.list-image .list-image--image {
  width: 100%;
  margin-bottom: 1.618em;
}

.scene-list--button-wrap {
  min-width: 6em;
}

#template {
  display: none;
}

#shop_container {
  position: relative;
  top: -1px;
}

.credits-info {
  float: right;
}

.no-touch .credits-info a:hover {
  text-decoration: none;
}

.shop .page-header {
  float: left;
  margin-bottom: 0;
}

.history--back {
  padding: 0.381848em 0.999924em;
  margin: -0.381848em 0;
  color: #bbb;
  cursor: default;
}

.history--back.active {
  color: #333;
  cursor: pointer;
}

.shop--category {
  display: inline-block;
  font-size: 1.3em;
}

.radio-list {
  float: left;
  width: 100%;
}

.radio-list--item,
.radio-list--color {
  float: left;
  overflow: hidden;
  width: 100%;
  padding: 0.381848em 0;
  border: 1px solid #f3f3f3;
  white-space: nowrap;
  text-align: center;
  background: #fff;
}

.radio-list--item_no-back {
  background: transparent;
}

.no-touch .radio-list--item:hover {
  background: #ddd;
  cursor: pointer;
}

.radio-list--item.selected,
.no-touch .radio-list--item.selected {
  color: #fff;
}

.radio-list_2 .radio-list--item {
  width: 50%;
}

.radio-list_3 .radio-list--item {
  width: 33.333333%;
}

.radio-list_4 .radio-list--item {
  width: 25%;
}

.radio-list_5 .radio-list--item {
  width: 20%;
}

.radio-list_9 .radio-list--item {
  width: 11.1111111111%;
}

.radio-list_14 .radio-list--item,
.radio-list_14 .radio-list--color {
  width: 14.2857142857%;
}

.radio-list-group--current {
  position: relative;
  width: 100%;
  border: none;
}

.radio-list-group--text {
  margin-left: 0.381848em;
  margin-right: 1.999848em;
  white-space: normal;
}

.radio-list-group--caret-down,
.radio-list-group--caret-up {
  position: absolute;
  top: 0.236228em;
  right: 0.381848em;
  font-size: 1.618em;
}

.radio-list-group--content {
  position: relative;
  padding: 0.618076em;
  border: 1px solid #ddd;
  border-top: none;
}

.radio-list--color {
  position: relative;
  z-index: 0;
  height: 2.617924em;
}

.no-touch .radio-list--color:hover {
  z-index: 5;
  outline: 3px solid #aaa;
  cursor: pointer;
}

.radio-list--color.selected,
.no-touch .radio-list--color.selected {
  outline: 3px solid #222;
  z-index: 10;
}

.radio-list--color_black {
  background: #222;
}

.radio-list--color_grey {
  background: #808080;
}

.radio-list--color_white {
  background: #f3f3f3;
}

.radio-list--color_red {
  background: #f33;
}

.radio-list--color_orange {
  background: #fb0;
}

.radio-list--color_yellow {
  background: #ffea00;
}

.radio-list--color_green {
  background: #3c0;
}

.radio-list--color_teal {
  background: #40dfff;
}

.radio-list--color_blue {
  background: #06f;
}

.radio-list--color_purple {
  background: #800080;
}

.radio-list--color_pink {
  background: #f0f;
}

.radio-list--color_rose {
  background: #ffc0cb;
}

.radio-list--color_brown {
  background: #630;
}

.radio-list--color_none {
  background: #f3f3f3;
  color: #888;
}

.browse-button {
  font-size: 2.618em;
  cursor: pointer;
}

.browse-button.inactive {
  color: #bbb;
  cursor: default;
}

@media screen and (min-width: 30em) {
  .radio-list_14 .radio-list--item,
.radio-list_14 .radio-list--color {
    width: 7.1428571429%;
  }

  .browse-button {
    font-size: 1.618em;
  }

  .shop--category {
    font-size: 1.618em;
  }
}
.item-list {
  margin: 0 -0.618076em;
}

.item-list--item {
  float: left;
  z-index: 0;
  width: 49%;
  cursor: pointer;
  -moz-transform: perspective(1px);
  transform: perspective(1px);
  transition: z-index 0.2s 0.1s;
}

.item-list--item-hover-wrap {
  overflow: hidden;
  position: relative;
  top: 0;
  z-index: 0;
  padding: 0.618076em;
  border: 1px solid #fff;
  text-align: center;
  box-shadow: 0 0 0.999924em transparent;
  transition: background 0.2s 0.1s, top 0.2s 0.1s, box-shadow 0.2s 0.1s, z-index 0.2s 0.1s;
}

.no-touch .item-list--item:hover {
  z-index: 10;
}

.no-touch .item-list--item:hover .item-list--item-hover-wrap {
  top: -0.381848em;
  background: #eee;
  box-shadow: 0 0 0.999924em rgba(0, 0, 0, 0.15);
}

.no-touch .item-list--item_vip:hover .item-list--item-hover-wrap {
  color: #740;
}

.item-list--vip-back {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s 0.1s;
  background: #f93;
  /* Fallback Color */
  background: -webkit-gradient(radial, from(#ff0), to(#f93));
  /* Saf4+, Chrome */
  background: -webkit-radial-gradient(center, #ff0, #f93);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background: -moz-radial-gradient(center, #ff0, #f93);
  /* FF3.6 */
  background: -ms-radial-gradient(center, #ff0, #f93);
  /* IE10 */
  background: -o-radial-gradient(center, #ff0, #f93);
  /* Opera 11.10+ */
  background: radial-gradient(center, #ff0, #f93);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#ff0", EndColorStr="#f93");
}

.item-list--ugt-back {
  position: absolute;
  width: 100%;
}

.no-touch .item-list--item_vip:hover .item-list--vip-back {
  opacity: 1;
}

.item-list--spinner {
  width: 100%;
  padding-top: 4.235924em;
  padding-bottom: 4.235924em;
  text-align: center;
}

.item-list--data {
  position: relative;
  z-index: 10;
}

.item-list--image-wrap {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.item-list--image-wrap_soldout {
  opacity: 0.4;
}

.item-list--image {
  position: relative;
  z-index: 10;
  width: 100%;
  padding: 0.618076em;
}

.item-list--name-wrap1 {
  overflow: hidden;
  width: 100%;
  height: 2.6em;
}

.item-list--name-wrap2 {
  display: table;
  width: 100%;
}

.item-list--name {
  display: table-cell;
  height: 2.6em;
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
}

.item-list--price {
  overflow: hidden;
  white-space: nowrap;
  font-size: 1.618em;
  line-height: 1;
}

.item-list--cc {
  vertical-align: top;
  font-size: 0.618em;
  font-weight: 300;
}

.item-list--cp {
  font-size: 0.618em;
  font-weight: 300;
}

.item-list--item .properties {
  position: absolute;
  top: 0.999924em;
  left: 0;
  z-index: 20;
  width: 100%;
}

.item-list--item .properties--text,
.properties--prop_admin .properties--text,
.properties--prop_discount .properties--text {
  opacity: 0;
  margin-left: 0.7em;
  padding: 0 0.381848em;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  transition: opacity 0.2s 0.1s;
}

.properties--prop_admin .properties--text {
  opacity: 1;
}

.properties--prop_discount .properties--text,
.properties--prop_soldout .properties--text,
.properties--prop_limited .properties--text {
  opacity: 1;
  font-weight: bold;
  background: #e22;
  color: #fff;
}

.properties--prop_limited .properties--text {
  background: #35b;
}

.properties--prop.properties--prop_soldout,
.properties--prop.properties--prop_limited {
  box-sizing: content-box;
  position: absolute;
  top: 4.235924em;
  left: -4.235924em;
  transform: rotateZ(-10deg);
  width: 100%;
  border-left: 4.235924em solid #e22;
  border-right: 4.235924em solid #e22;
}

.properties--prop.properties--prop_limited {
  border-left: 4.235924em solid #35b;
  border-right: 4.235924em solid #35b;
}

.properties--prop_soldout .properties--text,
.properties--prop.properties--prop_limited .properties--text {
  margin: 0 -0.14562em;
  padding: 0;
  font-size: 1.618em;
}

.no-touch .item-list--item:hover .properties--text {
  opacity: 1;
}

.item-list--item .item--count-wrap {
  position: absolute;
  left: 0;
  top: 24%;
  z-index: 20;
  width: 100%;
  margin: 0 auto;
  opacity: 1;
  transition: opacity 0.2s 0.1s;
}

.no-touch .item-list--item:hover .item--count-wrap {
  opacity: 0;
}

.item--count-wrap.inactive {
  display: none;
}

.item--count-back {
  position: relative;
  height: 1.618em;
  width: 1.618em;
  border: 0.090608em solid #999;
  border-radius: 50%;
  box-shadow: 0 0 0.999924em #fff;
  background-color: #333;
}

.item--count {
  position: absolute;
  top: 0.236228em;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff;
  cursor: default;
}

.item-list .item--count {
  cursor: pointer;
}

.item-list .item--count-back {
  margin: 0 auto;
}

.item-list--try,
.item-list--edit {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  opacity: 0;
  font-size: 1em;
  transition: opacity 0.2s 0.1s;
}

.item-list--edit {
  right: auto;
  left: 0;
}

.no-touch .item-list--item:hover .item-list--try,
.no-touch .item-list--item:hover .item-list--edit {
  opacity: 1;
}

@media screen and (min-width: 20.062em) {
  .item-list--item {
    width: 33.333333%;
  }
}
@media screen and (min-width: 30em) {
  .item-list--item {
    width: 25%;
  }
}
@media screen and (min-width: 50em) {
  .item-list--item {
    width: 20%;
  }

  .item-list {
    margin: 0 -0.999924em;
  }
}
.item-table tbody tr {
  cursor: pointer;
  height: 5em;
}
.item-table th, .item-table td {
  white-space: nowrap;
  vertical-align: middle;
  float: left;
  line-height: 1.3;
}

@media screen and (min-width: 30em) {
  .item-table th,
.item-table td {
    float: none;
  }
}
.item-details .media--image {
  max-width: none;
  margin-bottom: 0;
}

.item-details .media--body {
  width: 100%;
}

.item-details--image-wrap {
  overflow: hidden;
}

.item-details--image-wrap-inner {
  float: left;
  width: 50%;
}

.item-details--discount-wrap {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 12em;
  height: 4em;
}

.item-details--discount-banner {
  position: absolute;
  top: 0.618076em;
  left: -0.381848em;
  padding: 0 0.618076em 0 0.999924em;
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
  background: #e22;
  color: #fff;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.item-details .item--count-back {
  float: left;
  top: 0.618076em;
  margin-right: 0.618076em;
}

.item-details--price-info dt {
  float: left;
  clear: both;
}
.item-details--price-info dd {
  float: right;
}

.item-details--spinner {
  width: 100%;
  margin-bottom: 0.999924em;
}

.item-details--spinner-count {
  float: left;
  width: 20%;
  font-size: 2.618em;
  font-weight: bold;
  text-align: center;
}

.item-details--spinner-change {
  float: left;
  width: 40%;
  font-size: 4em;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}

.item-details--buy-button-wrap {
  text-align: center;
}

.item-details--rating-wrap {
  position: relative;
  float: left;
  margin-right: 0.618076em;
  white-space: nowrap;
}

.item-details--rating.user .item-details--rating-wrap {
  font-size: 2.618em;
  cursor: pointer;
}

.item-details--rating-back {
  color: #ddd;
}

.item-details--rating-score {
  position: absolute;
  top: 0;
  z-index: 10;
  overflow: hidden;
}

.item-details--rating-info {
  float: left;
}

@media screen and (min-width: 30em) {
  .item-details--image-wrap-inner {
    float: none;
    width: auto;
  }

  .item-details .media--body {
    width: auto;
  }

  .item-details--price-info dt {
    width: 38.195%;
  }
  .item-details--price-info dd {
    float: left;
    width: 61.805%;
  }

  .item-details--spinner {
    width: 3.236em;
    float: left;
    margin-right: 1.618em;
    margin-bottom: 0;
  }

  .item-details--spinner-change {
    float: none;
    width: 100%;
    font-size: 3em;
    margin-top: -0.236228em;
    margin-bottom: -0.236228em;
  }

  .item-details--spinner-count {
    float: none;
    width: 100%;
    line-height: 1;
  }

  .item-details--buy-button-wrap {
    float: left;
    text-align: left;
  }

  .item-details--rating.user .item-details--rating-wrap {
    font-size: 1em;
  }
}
.trade-list_clickable .row {
  cursor: pointer;
}

.trade {
  text-align: center;
  white-space: nowrap;
  margin-bottom: 1.618em;
}

.trade .row {
  margin: 0;
}

.trade .col {
  overflow: hidden;
  padding: 0.618076em 0;
  margin-bottom: -1px;
}

.trade .col:not(.color) {
  background: #fff;
  border: 1px solid #f3f3f3;
}

.trade .trade--info {
  padding: 0.618076em 0.999924em;
}

.trade .media {
  text-align: left;
}

.trade .media--image {
  width: 4.236em;
}

.trade .media--body {
  padding-left: 0.999924em;
}

.trade .font-xl,
.trade .font-l,
.trade #welcome-browser-wrap h1,
#welcome-browser-wrap .trade h1,
.trade .deeplink--icon,
.trade .badge-detailed .badge--name,
.badge-detailed .trade .badge--name,
.trade .friend-list--name,
.trade .friend-list .text-btn i,
.friend-list .text-btn .trade i,
.trade .friend-list .close-btn i,
.friend-list .close-btn .trade i {
  line-height: 1;
  padding: 0;
}

.trade .font-ms {
  font-size: 1em;
}

.trade .btn, .trade #welcome-browser-wrap address a, #welcome-browser-wrap address .trade a, .trade .dialog-buttons button, .dialog-buttons .trade button {
  margin: 0;
}

.trade--type {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0.999924em 0 0.236228em;
  line-height: 2.4em;
  background: #fff;
}

.trade--type .icon {
  cursor: default;
}

.trade .trade--date {
  padding-top: 0.999924em;
  padding-bottom: 0.999924em;
}

.trade .trade--date br {
  margin-bottom: 0.381848em;
}

.trade--seller {
  position: relative;
  z-index: 1;
  float: right;
  padding-left: 0.618em;
  background: #fff;
}

@media screen and (min-width: 30em) {
  .trade {
    display: table;
    width: 100%;
    margin-bottom: 0;
    table-layout: fixed;
  }

  .trade .row {
    display: table-row;
  }

  .trade .col {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0.618076em 0;
  }

  .trade .trade--info {
    padding: 0.618076em 0.999924em;
  }

  .trade .media--image {
    width: 3.236em;
  }

  .trade .font-xl {
    font-size: 1.618em;
  }

  .trade .font-ms {
    font-size: 0.764em;
  }

  .trade .trade--type {
    right: 0;
  }

  .trade .m-off {
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .trade .btn, .trade #welcome-browser-wrap address a, #welcome-browser-wrap address .trade a, .trade .dialog-buttons button, .dialog-buttons .trade button {
    font-size: 1.618em;
  }

  .trade .trade--date br {
    margin-bottom: 0;
  }
}
.media--image {
  float: left;
  max-width: 38.195%;
}

.media--image_s {
  width: 1.618em;
}

.media--image_m {
  width: 2.617924em;
}

.media--image_l {
  width: 4.235924em;
}

.media--body {
  overflow: hidden;
  padding-left: 1.618em;
}

.media--header {
  margin-top: 0;
}

.media_image-right .media--image {
  float: right;
}

.media_image-right .media--body {
  padding-left: 0;
  padding-right: 1.618em;
}

.grid_narrow .media--body {
  padding-left: 0.809em;
}
.grid_narrow .media_image-right .media--body {
  padding-right: 0.809em;
}

.media_w100 .media--image {
  float: none;
  width: 100%;
  margin-bottom: 0.999924em;
}

.media_w100 .media--body {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 30em) {
  .media_w100 .media--image {
    float: left;
    width: auto;
    margin-bottom: 0;
  }

  .media_w100.media_image-right .media--image {
    float: right;
  }

  .media--body,
.media_w100 .media--body {
    padding-left: 1.618em;
  }

  .media_image-right .media--body,
.media_w100.media_image-right .media--body {
    padding-right: 1.618em;
  }

  .grid_narrow .media--body,
.grid_narrow .media_w100 .media--body {
    padding-left: 0.809em;
  }
  .grid_narrow .media_image-right .media--body,
.grid_narrow .media_w100.media_image-right .media--body {
    padding-right: 0.809em;
  }
}
.navigation {
  position: relative;
  width: 100%;
  -ms-touch-action: none;
}

.navbar {
  width: 100%;
  max-width: 68.236em;
  margin: 0 auto;
}

.navbar {
  vertical-align: middle;
}

.navbar[data-level=sub] {
  display: none;
  position: relative;
}

.navbar-wrap {
  background: #333;
  background: #444;
  background: rgba(0, 0, 0, 0.3);
}

.navbar_active[data-level=sub] {
  display: block;
}

.navbar .field {
  margin: 0;
  padding: 0.236228em;
}

.navigation_horizontal {
  position: relative;
}

.navigation_horizontal .navbar--items_left {
  float: left;
}

.navigation_horizontal .navbar--items_right {
  float: right;
}

.navigation_horizontal .navbar--items_centered {
  float: right;
  position: relative;
  right: 50%;
}

.navbar--item {
  float: left;
  padding: 0.618076em 0.999924em;
  cursor: pointer;
  color: #fff;
}

.navbar--item > * {
  display: block;
  margin: -0.618076em -0.999924em;
  padding: 0.618076em 0.999924em;
}

.navbar--item .icon {
  margin-left: 0.236228em;
  margin-right: 0.236228em;
}

.no-touch .navbar--item:hover {
  text-shadow: 0 0 2px #fff, 0 0 12px #fff;
}

.navbar--item a,
.no-touch .navbar--item a:hover {
  text-decoration: none;
  color: inherit;
}

.navbar--new-line {
  clear: both;
}

.navbar--item .user-image {
  float: left;
  width: 1.618em;
  margin-right: 0.472456em;
}

.navbar--item_disabled,
.no-touch .navbar--item_disabled:hover {
  cursor: default;
  background: inherit;
  color: #888;
  text-shadow: none;
}

.navbar--item_admin {
  white-space: nowrap;
}

.navigation_horizontal .navbar--items_centered .navbar--item {
  position: relative;
  left: 50%;
}

.navbar--count_active {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  background: #e22;
}

.navbar--count_active .font-l, .navbar--count_active #welcome-browser-wrap h1, #welcome-browser-wrap .navbar--count_active h1, .navbar--count_active .deeplink--icon, .navbar--count_active .badge-detailed .badge--name, .badge-detailed .navbar--count_active .badge--name, .navbar--count_active .friend-list--name, .navbar--count_active .friend-list .text-btn i, .friend-list .text-btn .navbar--count_active i, .navbar--count_active .friend-list .close-btn i, .friend-list .close-btn .navbar--count_active i {
  font-weight: 700;
}

.no-touch .navbar--count_active:hover {
  background: #cd1010;
}

.navbar--count-number {
  display: none;
}

.navbar--sub-item {
  display: none;
}

.navbar--separator {
  display: block;
  float: left;
  width: 1.618em;
  margin: 0;
  height: 1px;
}

.navigation_vertical {
  float: left;
}

.navigation_vertical.navigation_fixed {
  position: relative;
  float: none;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
}

.navigation_vertical .navbar {
  height: 100%;
  border: none;
  background: transparent;
}
.navigation_vertical .navbar[data-level=sub] {
  right: 0;
  top: auto;
}
.navigation_vertical .navbar_active[data-level=sub] {
  top: auto;
  right: -100%;
}
.navigation_vertical .navbar--item {
  float: none;
  padding-left: 0.809em;
  padding-right: 0.809em;
  color: #333;
}
.navigation_vertical .navbar--item > * {
  margin-left: -0.809em;
  margin-right: -0.809em;
  padding-left: 0.809em;
  padding-right: 0.809em;
}
.navigation_vertical .navbar--sub-item {
  display: block;
  overflow: hidden;
  height: 0;
}
.navigation_vertical .navbar--sub-item_active {
  height: 1.618em;
}
.navigation_vertical .navbar--separator {
  float: none;
  width: auto;
  height: 0.999924em;
}
.navigation_vertical .navbar--separator_line {
  float: none;
  width: auto;
  height: 0;
  border-bottom: 1px solid #aaa;
}

.no-touch .navigation_vertical .navbar--item:hover {
  text-shadow: none;
}
.no-touch .navigation_vertical .navbar--item_active:hover {
  cursor: pointer;
}
.no-touch .navigation_vertical .navbar[data-level=sub] .navbar--item:hover {
  text-shadow: none;
}

.navigation-main .navbar--item-text {
  font-size: 1.618em;
}

.navigation_fixed {
  position: fixed;
  top: 0;
  z-index: 2000;
}

.navigation--toggle-btn {
  padding-top: 0.999924em;
  padding-bottom: 0.999924em;
}

.navigation--toggle-menu_on {
  display: block !important;
}

.navigation--toggle-menu_on .navbar--item {
  border-bottom: 1px solid #ddd;
}

.navigation_minimal .navbar--items {
  width: 100%;
}
.navigation_minimal .navbar[data-level=root] .navbar--item {
  width: 16.6666666667%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.navigation_minimal .navbar--item > * {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.navigation_minimal .navbar[data-level=sub] .navbar--item {
  float: left;
  width: 100%;
  border-top: 1px solid #000;
  text-align: center;
}
.navigation_minimal .navbar[data-level=sub] .navbar--item .icon {
  margin: 0.236228em;
  display: none;
}
.navigation_minimal .navbar--item_admin {
  width: 25% !important;
}
.navigation_minimal .icon_left {
  margin-right: 0;
}

@media screen and (min-width: 20.062em) {
  .navigation_minimal .navbar[data-level=sub] .navbar--items {
    border-top: 1px solid #000;
  }
  .navigation_minimal .navbar[data-level=sub] .navbar--item {
    width: 50%;
    border: 1px solid #000;
  }
  .navigation_minimal .navbar[data-level=sub] .navbar--item .icon {
    display: block;
    font-size: 1.618em;
  }
}
@media screen and (min-width: 30em) {
  .navigation_minimal .navbar[data-level=sub] .navbar--item {
    width: 33.3333333333%;
  }

  .navigation_vertical .navbar--item {
    padding-left: 1.618em;
    padding-right: 1.618em;
  }
  .navigation_vertical .navbar--item > * {
    margin-left: -1.618em;
    margin-right: -1.618em;
    padding-left: 1.618em;
    padding-right: 1.618em;
  }
}
@media screen and (min-width: 50em) {
  .navigation--toggle-menu_on .navbar--item {
    border-bottom: none;
  }

  .navigation-main .navbar--item-text {
    font-size: 1em;
  }

  .navbar--count-number {
    display: inline-block;
  }

  .navbar--separator {
    width: 0.999924em;
  }

  .navbar--item .icon-cooee {
    position: relative;
    top: -0.05em;
    font-size: 1.618em;
    line-height: 0;
    vertical-align: middle;
  }
}
@media screen and (min-width: 64em) {
  .site-header {
    position: fixed;
    width: 100%;
    z-index: 9999;
  }

  .site-background:not(.site_show-theme),
.layout_classic.centered-wrap,
.dashboard {
    margin-top: 2.854152em;
  }

  .navbar--separator {
    width: 1.618em;
  }
}
.news-list {
  margin: -0.236228em;
  z-index: 10;
}

.news-list--item {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
}

.news-list--item_small,
.news-list--item_tiny {
  width: 50%;
}

.news-list--item_ad-small {
  width: 33.333333%;
}

.news-list--item--inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0.236228em;
}

.teaser {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: #333;
  background-size: cover;
  background-position: center;
}

.teaser--spacer {
  width: 100%;
}

.teaser--numbers {
  margin: 0 0.381848em;
  color: #fff;
  text-shadow: 0 0 1px #000, 0 0 3px #aaa;
  transition: opacity 0.2s 0.15s;
}

.teaser--comments,
.teaser--likes {
  float: right;
  margin-left: 0.618076em;
}

.teaser--title {
  font-family: Changa One, Open Sans, Helvetica, sans-serif;
  font-weight: 300;
  line-height: 1.2em;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.teaser--text {
  line-height: 1.4em;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.teaser_big .teaser--title {
  font-size: 1.618em;
}

.teaser_medium .teaser--title {
  font-size: 1.618em;
}

.teaser_small .teaser--title {
  font-size: 1em;
  font-weight: normal;
}

.teaser_tiny .teaser--title {
  font-size: 1em;
  font-weight: normal;
}

.teaser_ad-big .teaser--title,
.teaser_ad-small .teaser--title {
  font-size: 1em;
  font-weight: normal;
}

.teaser_tiny .teaser--title {
  font-size: 1em;
  font-weight: normal;
}

.teaser .overlay {
  -webkit-transform: translateY(76%);
  transform: translateY(76%);
  width: 100%;
  height: 100%;
  -webkit-transition: transform 0.2s 0.15s;
  transition: transform 0.2s 0.15s;
}

.no-touch .teaser:hover .overlay {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.no-touch .teaser:hover .teaser--numbers {
  opacity: 0;
}

.teaser_ad-big .overlay,
.teaser_ad-small .overlay {
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
}

@media screen and (min-width: 30em) {
  .news-list--item_big {
    width: 62.5%;
  }

  .news-list--item_medium {
    width: 37.5%;
  }

  .news-list--item_small {
    width: 25%;
  }

  .news-list--item_tiny {
    width: 18.75%;
  }

  .news-list--item_nano {
    width: 9.375%;
  }

  .news-list--item_ad-big {
    width: 40%;
  }

  .news-list--item_ad-small {
    width: 20%;
  }
}
.pagination {
  margin-top: 0.618076em;
  margin-bottom: 0.618076em;
}

.pagination--item {
  float: left;
  margin-right: 1px;
  padding: 0.381848em 0.999924em;
  cursor: default;
  -ms-touch-action: none;
}

.pagination--item a {
  display: block;
  margin: -0.381848em -0.999924em;
  padding: 0.381848em 0.999924em;
  -ms-touch-action: none;
}

.pagination--item_active {
  background: #ddd;
  color: #333;
}

.pagination--item_disabled {
  color: #bbb;
}

.no-touch .pagination--item:hover a {
  text-decoration: none;
  text-shadow: 0 0 2px #fff, 0 0 12px #fff;
  background: #ddd;
  color: #333;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset, 1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 4px 8px -4px rgba(0, 0, 0, 0.3), 0 0 6px 2px rgba(0, 0, 0, 0.1);
}

.panel, .credits-tile {
  float: left;
}

.panel, .credits-tile,
.ribbon {
  padding: 0.499962em 0.809em;
}

.equal > .panel, .equal > .credits-tile {
  margin-bottom: -16178.382em;
  padding-bottom: 16179.381924em;
}

.panel > p:first-child, .credits-tile > p:first-child {
  margin-top: 0;
}

.panel > p:last-child, .credits-tile > p:last-child {
  margin-bottom: 0;
}

.panel_info {
  background: #09f;
  color: #fff;
}

.panel_success {
  background: #5b0;
  color: #fff;
}

.panel_warning {
  background: #f90;
  color: #fff;
}

.panel_error {
  background: #e22;
  color: #fff;
}

.panel_admin {
  background: #35b;
  color: #fff;
}
.panel_admin a {
  font-weight: bold;
  text-decoration: underline;
  color: #fff !important;
}

.panel.color a:not(.btn), #welcome-browser-wrap address a.panel a:not(.btn), .color.credits-tile a:not(.btn), #welcome-browser-wrap address a.credits-tile a:not(.btn),
.panel_admin a:not(.btn),
.panel_info a:not(.btn),
.panel_success a:not(.btn),
.panel_warning a:not(.btn),
.panel_error a:not(.btn) {
  font-weight: bold;
  text-decoration: underline;
  color: #fff;
}

.panel_link {
  text-align: center;
  word-break: break-all;
}

.ribbon {
  margin-left: -0.809em;
  margin-right: -0.809em;
  background: #fff;
  box-shadow: 0 0.236105032em 0 rgba(51, 51, 51, 0.15);
}

.composer_official .ribbon {
  background: #35b;
}

.composer_official .ribbon:after {
  border-color: #1a3ca2 transparent transparent #1a3ca2;
}

@media screen and (min-width: 30em) {
  .panel, .credits-tile,
.ribbon {
    padding: 0.999924em 1.618em;
  }

  .ribbon {
    margin-left: -1.618em;
    margin-right: -1.618em;
  }
}
@media screen and (min-width: 50em) {
  .ribbon {
    float: left;
    box-sizing: content-box;
    position: relative;
    left: -2.236076em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2.236076em;
    padding-right: 2.236076em;
    width: 100%;
    background: #fff;
    box-shadow: 0 0.854181032em 0 -0.618076em rgba(51, 51, 51, 0.15), 0 0 0.618076em rgba(51, 51, 51, 0.1);
  }

  .ribbon:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 0;
    height: 0;
    border-width: 0.3244899em;
    border-style: solid;
    border-color: transparent #ddd #ddd transparent;
  }

  .ribbon:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 100%;
    width: 0;
    height: 0;
    border-width: 0.3244899em;
    border-style: solid;
    border-color: #aaa transparent transparent #aaa;
  }
}
.progress {
  padding: 0.236228em;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
}

.progress--bar {
  display: block;
  height: 1.618em;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3) inset;
}

.progress_s {
  padding: 0;
  border: none;
  border-radius: 0;
  background: #f3f3f3;
  height: 0.618076em;
}

.progress_s .progress--bar {
  height: 0.618076em;
}

.properties--prop {
  float: left;
  clear: left;
  position: relative;
  margin-bottom: 1px;
  font-size: 0.764em;
  text-transform: uppercase;
}

.properties--color {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.7em;
}

.properties--text {
  margin-left: 1em;
  line-height: 1.4em;
}

.properties.horizontal {
  float: left;
  margin-right: 0.618076em;
}

.properties.horizontal .properties--prop {
  clear: none;
  margin-right: 0.618076em;
}

.quote {
  position: relative;
  padding: 0.499962em 0.809em;
  background: #f3f3f3;
  box-shadow: 0;
}

.quote:after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 2.499924em;
  height: 0;
  width: 0;
  border-width: 0 0.618076em 0.618076em 0.618076em;
  border-color: transparent transparent #f3f3f3 transparent;
  border-style: solid;
}

.text-centered .quote:after,
.text-centered-m-left .quote:after,
.text-centered-m-right .quote:after {
  left: 50%;
  margin-left: -0.618076em;
}

@media screen and (min-width: 30em) {
  .quote {
    padding: 0.999924em 1.618em;
  }

  .text-centered-m-left .quote:after {
    left: 2.499924em;
  }

  .text-centered-m-right .quote:after {
    right: 2.499924em;
  }
}
.requests-list .media {
  padding: 0.381848em 0.999924em;
}
.requests-list .media--image {
  vertical-align: top;
  opacity: 0.5;
}
.requests-list .media--image .icon {
  vertical-align: top;
  font-size: 1.618em;
}

.request--date {
  padding-top: 0.999924em;
}

.request--link {
  display: block;
  color: #333;
}

.no-touch .request--link:hover {
  text-decoration: none;
}

@media screen and (min-width: 50em) {
  .requests-list .media--image .icon {
    margin-right: 0.999924em;
  }

  .request--time {
    display: inline;
  }
}
.request-friend-list .user-image {
  width: 4.235924em;
}

.scene-image {
  position: relative;
  background: #f3f3f3;
}

.scene-image_xl {
  width: 120px;
}

.scene-image_l {
  width: 75px;
}

.scene-image_m {
  width: 48px;
}

.scene-image_s {
  width: 24px;
}

.scene-image--image {
  width: 100%;
}

.scene-image--flag {
  position: absolute;
  width: auto;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.scene-list .scene-image {
  width: 3.2em;
}

.jobs--title {
  font-weight: 900;
  white-space: nowrap;
}

.smiley {
  display: inline-block;
  overflow: hidden;
  float: none;
  position: relative;
  vertical-align: bottom;
  width: 1.5em;
  border: 0;
}

.smiley--spacer {
  width: 100%;
  height: auto;
}

.smiley--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 800%;
  height: 500%;
}

#smiley-table-template {
  display: none !important;
}

.smiley-list {
  display: block;
  width: 100%;
  line-height: 0.618;
}

.smiley-list--item {
  display: inline-block;
  width: 20%;
  padding: 0.236228em 0.236228em 0 0;
  line-height: 0;
}

.smiley-list--item .smiley {
  width: 100%;
}

@media screen and (min-width: 30em) {
  .smiley-list--item {
    width: 6.25%;
  }
}
@media screen and (min-width: 50em) {
  .smiley-list--item {
    width: 5%;
  }
}
.smoke {
  text-align: center;
  background: #fff;
  color: #333;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.smoke-base, .smokebg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}

.smoke-base {
  visibility: hidden;
  opacity: 0;
}

.smoke-base.smoke-visible {
  opacity: 1;
  visibility: visible;
}

.smoke-base .dialog {
  position: absolute;
  top: 25%;
  width: 36em;
  left: 50%;
  margin-left: -18em;
}

.smoke-base .dialog-inner {
  padding: 0.999924em 1.618em;
  font-size: 1.618em;
  font-weight: 300;
}

.dialog-buttons {
  margin-top: 1.618em;
  font-size: 0.618em;
  font-weight: 400;
}

.dialog-buttons button + button {
  margin-left: 2.617924em;
}

.queue {
  display: none;
}

table {
  width: 100%;
  border-top: 4px solid #444;
  border-bottom: 4px solid #444;
  table-layout: fixed;
}

thead {
  display: none;
}

thead tr {
  border-bottom: 1px solid #444;
  background: #ddd;
}

tr {
  border-bottom: 1px solid #ddd;
  background: #fff;
}

th, td {
  display: block;
  overflow: hidden;
  width: 100%;
  text-align: left;
  vertical-align: top;
  padding: 0.236228em 0.999924em;
  white-space: normal;
}

tr:nth-child(2n) {
  background: #eee;
}

@media screen and (min-width: 30em) {
  thead {
    display: table-header-group;
  }

  th, td {
    display: table-cell;
    width: auto;
  }
}
@media screen and (min-width: 50em) {
  table {
    table-layout: auto;
  }

  th, td {
    white-space: nowrap;
  }
}
.deeplink {
  float: left;
  width: 33.3333%;
  display: block;
  padding: 0.14562em 0;
  text-align: center;
}

.no-touch .deeplink:hover {
  background: rgba(0, 0, 0, 0.05);
}

.deeplink a {
  color: #888;
}

.deeplink a:hover {
  text-decoration: none;
}

@media screen and (min-width: 30em) {
  .deeplink {
    width: 25%;
  }
}
@media screen and (min-width: 64em) {
  .deeplink {
    width: 16.6667%;
  }
}
.user-condensed--name {
  margin: 0;
  padding: 0;
  line-height: 1;
}

/*

#layout-classic .userLevel { overflow: hidden; color: #666; }
#layout-classic .userLevel .type { float: left; margin: 0; }
#layout-classic .userLevel .type .one { font-size: 19px; line-height: 16px; font-weight: bold; letter-spacing: -3px; }
#layout-classic .userLevel .type .two { font-size: 7px; line-height: 7px; font-weight: bold; text-align: right; }
#layout-classic .userLevel .level { float: left; margin: 0 3px 0 0; font-size: 28px; line-height: 23px; font-weight: bold; letter-spacing: -4px; }
#layout-classic .userLevel .info { float: left; margin: 0 0 0 3px; font-size: 9px; line-height: 12px; }
#layout-classic .userLevel .quiz { letter-spacing: -2px; }
#layout-classic a .userLevel { font-weight: bold; text-decoration: none; color: #666; }
.no-touch #layout-classic a:hover .userLevel { color: inherit;}

*/
.admin.trigger {
  position: relative;
  z-index: 100;
  height: 1em;
  padding: 0 0.236em;
  margin-bottom: -1em;
  line-height: 0.8;
  background: #35b;
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.user-profile--smiley {
  position: absolute;
  top: 0;
  right: 1.618em;
  width: 2.617924em;
}

.user-profile--name {
  margin-top: 0;
}

.user-level {
  font-size: 1.618em;
  line-height: 1;
  color: #666;
}

.user-level--type {
  float: left;
  font-weight: 300;
  text-transform: uppercase;
}

.user-level--number {
  float: left;
  font-weight: 700;
}

.user-image {
  position: relative;
  overflow: hidden;
  background: #ddd;
}

.user-image_s {
  width: 1.618em;
}

.user-image_m {
  width: 2.617924em;
}

.user-image_l {
  width: 4.235924em;
}

.user-image_vip {
  background: #f93;
  /* Fallback Color */
  background: -webkit-gradient(radial, from(#ff0), to(#f93));
  /* Saf4+, Chrome */
  background: -webkit-radial-gradient(center, #ff0, #f93);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background: -moz-radial-gradient(center, #ff0, #f93);
  /* FF3.6 */
  background: -ms-radial-gradient(center, #ff0, #f93);
  /* IE10 */
  background: -o-radial-gradient(center, #ff0, #f93);
  /* Opera 11.10+ */
  background: radial-gradient(center, #ff0, #f93);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#ff0", EndColorStr="#f93");
}

.user-image_vip .user-image--name:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 1.618em;
  width: 100%;
  height: 0.381848em;
  background: #f90;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}

.no-touch .user-image a:hover {
  text-decoration: none;
}

.user-image--flag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: auto;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.user-image--state {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 0;
  height: 0;
  border-width: 0.381848em;
  border-color: transparent;
  border-style: solid;
}

.user-image--state_online {
  border-color: #5b0 #5b0 transparent transparent;
}

.user-image--state_away {
  border-color: #35b #35b transparent transparent;
}

.user-image--state_offline {
  background: transparent;
  box-shadow: none;
}

.user-image--image {
  width: 100%;
}

.gallery--item .user-image--wrap {
  overflow: hidden;
  display: block;
  position: relative;
  width: 100%;
  min-width: 3em;
  height: 0;
  padding-bottom: 100%;
}

.gallery--item .user-image--image {
  display: block;
  position: absolute;
  height: 100%;
}

.user-image--name {
  width: 100%;
  padding: 0.14562em 0.381848em;
  line-height: 1.381848em;
  background: #aaa;
  color: #fff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}

.user-image--name .data {
  white-space: nowrap;
}

.user-image--name_male {
  background: #09f;
}

.user-image--name_female {
  background: #f0a;
}

.user-image--male {
  width: 100%;
  height: 7%;
  background: #09f;
}

.user-image--female {
  width: 100%;
  height: 7%;
  background: #f0a;
}

.user-image_squared .user-image--state,
.user-image_squared .user-image--name,
.user-image_squared .user-image--male,
.user-image_squared .user-image--female {
  position: absolute;
}
.user-image_squared .user-image--name {
  bottom: 0;
}
.user-image_squared .user-image--male,
.user-image_squared .user-image--female {
  bottom: 0;
}

.user-image_icon {
  display: inline-block;
  vertical-align: bottom;
  width: 1.618em;
}
.user-image_icon .user-image--male,
.user-image_icon .user-image--female {
  position: absolute;
  bottom: 0;
}

.wall-entry {
  padding-bottom: 1.618em;
  pointer-events: auto;
}

.wall--more {
  width: 100%;
  height: 2.4246157152em;
  font-size: 1.618em;
  line-height: 1;
  text-align: center;
}

.wall--more .icon {
  font-size: 1.618em;
}

@media screen and (min-width: 50em) {
  .note {
    margin-top: -4em;
    padding-top: 4em;
    pointer-events: none;
  }
}
.note .ribbon {
  float: none;
}

.note--header {
  box-sizing: content-box;
  position: relative;
  top: -0.999924em;
  left: -2.236076em;
  width: 100%;
  margin-bottom: -0.999924em;
  padding: 0.999924em 2.236076em;
  border-bottom: 1px solid #e1e1e1;
  box-shadow: 0 0.618076em 0.381848em -0.618076em rgba(51, 51, 51, 0.1);
}

.note_condensed {
  padding-top: 0;
  padding-bottom: 1.618em;
}

.note_condensed .user-image,
.note--header .user-image {
  width: 3em;
}

.note--header--author {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.note_official .note--header {
  box-sizing: content-box;
  position: relative;
  top: -0.999924em;
  left: -2.236076em;
  width: 100%;
  margin-bottom: -0.999924em;
  padding: 0.999924em 2.236076em;
  background: #35b;
  color: #fff;
}

.note_official .note--header a {
  color: #fff;
}

.no-touch .note_official .note--header a:hover {
  color: #fff;
  opacity: 0.5;
}

.note--type {
  text-transform: uppercase;
}

.note--subject,
h1.note--subject,
h2.note--subject,
h3.note--subject,
h4.note--subject,
h5.note--subject,
h6.note--subject {
  font-family: Changa One, Open Sans, Helvetica, sans-serif;
  margin-bottom: 0.618076em;
}

.note--edit-info {
  margin-top: 0.999924em;
}

.note--new,
.note--private {
  float: left;
  padding: 0 0.618076em;
  margin-right: 0.618076em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}

.note--new {
  background: #e22;
}

.note--tools {
  position: absolute;
  top: 0;
  right: 0;
}

.note--options {
  position: relative;
  top: -0.381848em;
  margin-bottom: 0.381848em;
}

.note--options-menu {
  position: absolute;
  top: 1.618em;
  right: 2.617924em;
}

.note--options-menu--list {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 200;
  background: #f3f3f3;
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.3);
}

.note_official .note--header .note--options-menu--list a {
  color: #333;
}

.no-touch .note_official .note--header .note--options-menu--list a:hover {
  color: #fff;
}

.note--options-menu--list_visible {
  display: block;
}

.note--options-menu--item {
  display: block;
  padding: 0.381848em 0.999924em;
  border-bottom: 1px solid #ddd;
  color: #333;
  white-space: nowrap;
}

.no-touch .note--options-menu--item:hover {
  text-decoration: none;
}

.note--text {
  overflow: hidden;
}
.note--text iframe {
  width: 100%;
  height: 24rem;
}

.note--text p {
  margin: 0.999924em 0;
}

.note--text .note--private + p,
.note--text p:first-of-type {
  margin-top: 0;
}

.note--text p:last-child,
.note--text p:last-of-type {
  margin-bottom: 0;
}

.note--comment-form {
  display: none;
}

.note--comment {
  border-top: 0.236228em solid white;
}

.note--comment p + p {
  margin-top: 0.999924em;
}

.note--comment .user-image {
  width: 3em;
}

.note--comment .quote:before {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 2.208684em;
  height: 0;
  width: 0;
  border-width: 0 0.909316em 0.909316em 0.909316em;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
}

.note--comment_original-poster .quote {
  background: #e5e5e5;
}

.note--comment_original-poster .quote:after {
  border-bottom-color: #e5e5e5;
}

.note--comment_admin .quote {
  box-shadow: 0.382em 0 #35b inset;
}

.note--comment_community-manager .quote {
  box-shadow: 0.382em 0 #f90 inset;
}

@media screen and (min-width: 30em) {
  .note--comment_admin .quote {
    box-shadow: 0.786em 0 #35b inset;
  }

  .note--comment_community-manager .quote {
    box-shadow: 0.786em 0 #f90 inset;
  }
}
.note--comment_admin .note--comment-author,
.note--comment_community-manager .note--comment-author {
  font-weight: 900;
}

.note--comment-author {
  margin-top: -0.14562em;
}

.note--show-all-comments {
  text-align: center;
}

.note--delete-comment {
  position: absolute;
  bottom: 0.618076em;
  right: 0;
}

.note--comment_deleted .quote {
  background-color: #f3f3f3;
}

.note--comment-deleted_info {
  color: #bbb;
  font-style: italic;
}

.note--comment-admin-hint_body {
  color: #e22;
  margin: 0.618076em;
}

.note--like_count {
  margin-left: 0.618076em;
}

.markdown h1 {
  font-size: 1.618em;
}
.markdown h2 {
  font-size: 1.236em;
  font-weight: 600;
}
.markdown h3, .markdown h4, .markdown h5, .markdown h6 {
  font-weight: 900;
}
.markdown li {
  list-style: disc;
  margin-left: 1.2rem;
}
.markdown p img {
  max-width: 100%;
  margin: 0 auto;
}
.markdown p span img {
  max-width: unset;
}

#welcome-browser-wrap h1 {
  clear: both;
  margin-top: 1.618em;
  line-height: 1.2em;
}
#welcome-browser-wrap h1:first-child {
  margin-top: 0.618076em;
}
#welcome-browser-wrap img {
  max-width: 100%;
  height: auto;
  margin: 0 1.618em 1.618em 0;
}
#welcome-browser-wrap .ok-button-wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0.999924em 0 0.618076em 0;
  text-align: center;
  border-top: 0.14562em solid #ddd;
  background: #f3f3f3;
}

.flipcard {
  perspective: 1000px;
}

.flipcard--front,
.flipcard--back {
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transition: transform 2s;
}

.flipcard--front {
  transform: rotatey(0deg);
}

.flipcard--back {
  transform: rotatey(180deg);
}

.flipcard_flipped .flipcard--front {
  transform: rotatey(180deg);
}

.flipcard_flipped .flipcard--back {
  transform: rotatey(360deg);
}

.flipcard--fade-in .flipcard--fade-out {
  transition: opacity 2s;
}

.flipcard--fade-out {
  opacity: 1;
}

.flipcard--fade-in {
  opacity: 0;
}

.flipcard_flipped .flipcard--fade-out {
  opacity: 0;
}

.flipcard_flipped .flipcard--fade-in {
  opacity: 1;
}

#widgetWrap {
  display: none;
}

.widget--back {
  -webkit-transform: translateZ(0);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ddd;
}

.widget {
  position: relative;
  margin: 0 auto;
  max-width: 50em;
  color: #333;
}

.widget--close {
  margin-bottom: 0;
}

@media screen and (min-width: 50em) {
  .widget--back {
    background: rgba(0, 0, 0, 0.7);
  }

  .widget {
    margin: 2.617924em auto;
  }
}
.widget .composer {
  padding-top: 0.999924em;
  padding-bottom: 0.999924em;
  margin-top: -0.999924em;
  margin-bottom: -0.999924em;
}

.dashboard {
  display: table;
  background: #ebebeb;
}

.dashboard--navigation {
  padding: 0 !important;
  background: #333;
  white-space: nowrap;
}
.dashboard--navigation .navigation_vertical {
  float: none;
}
.dashboard--navigation .navbar--item {
  padding: 0.236228em 0.999924em;
  color: #fff;
}
.dashboard--navigation .navbar--item > * {
  margin: -0.236228em -0.999924em;
  padding: 0.236228em 0.999924em;
}
.dashboard--navigation .icon {
  width: 0.999924em;
  margin: 0 0.618076em 0 0;
  text-align: center;
}

.dashboard--content {
  min-height: 100vh;
  padding: 0.999924em 0.381848em 0.999924em 0.381848em;
}
.dashboard--content h1, .dashboard--content h2, .dashboard--content h3, .dashboard--content h4, .dashboard--content h5, .dashboard--content h6 {
  line-height: 1em;
  margin: 0.14562em 0 0.381848em 0;
}
.dashboard--content p {
  margin-top: 0.618076em;
  margin-bottom: 0.618076em;
}
.dashboard--content dl {
  margin-bottom: 1.618em;
}
.dashboard--content dd {
  margin-bottom: 0.618076em;
}
.dashboard--content table {
  margin-bottom: 1.618em;
  table-layout: auto;
}
.dashboard--content thead {
  display: table-header-group;
}
.dashboard--content th, .dashboard--content td {
  display: table-cell;
}
.dashboard--content .header {
  cursor: pointer;
}
.dashboard--content .header.headerSortUp:after {
  content: "▼";
  float: right;
}
.dashboard--content .header.headerSortDown:after {
  content: "▲";
  float: right;
}
.dashboard--content .row {
  margin-bottom: 1.618em;
}
.dashboard--content .panel, .dashboard--content .credits-tile {
  margin-bottom: 1.618em;
}
.dashboard--content .flash-panels .panel, .dashboard--content .flash-panels .credits-tile {
  margin-bottom: 0;
}
.dashboard--content pre {
  word-wrap: break-word;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
}
.dashboard--content .input_submit,
.dashboard--content .input--input,
.dashboard--content .chosen-single,
.dashboard--content .chosen-drop {
  max-width: 24em;
}
.dashboard--content .field--info {
  margin-bottom: 0.999924em;
}
.dashboard--content .fields_inline {
  margin-bottom: 0;
}
.dashboard--content .fields_inline .field {
  margin-bottom: 0;
}
.dashboard--content .fields_grid .field {
  min-width: 12em;
  margin-bottom: 0.999924em;
}
.dashboard--content tbody tr {
  background: #fff;
}
.dashboard--content .table_row-groups tbody tr {
  background: #fff;
}
.dashboard--content .table_row-groups tbody tr.table--row_alt {
  background: #eee;
}
.dashboard--content .table_zebra tr:nth-child(2n) {
  background: #eee;
}
.dashboard--content tbody td.alt {
  background: #eee;
}
.dashboard--content .wrap_ap {
  max-width: 24em;
}
.dashboard--content .red,
.dashboard--content .red * {
  color: #e22 !important;
}
.dashboard--content .orange,
.dashboard--content .orange * {
  color: #f90 !important;
}
.dashboard--content .yellow,
.dashboard--content .yellow * {
  color: #fc0 !important;
}
.dashboard--content .green,
.dashboard--content .green * {
  color: #5b0 !important;
}
.dashboard--content .blue,
.dashboard--content .blue * {
  color: #35b !important;
}
.dashboard--content .purple,
.dashboard--content .purple * {
  color: #907 !important;
}
.dashboard--content .grey,
.dashboard--content .grey * {
  color: #aaa !important;
}
.dashboard--content .monitor-load {
  position: absolute;
  top: 8em;
  z-index: 1;
  width: 100%;
  text-align: center;
}
.dashboard--content iframe {
  position: relative;
  z-index: 2;
}
.dashboard--content .calendar table {
  width: 24em;
}

.dashboard--content > *:first-child,
.dashboard--content > .row:first-child > .col > *:first-child {
  margin-top: 0;
}

.blockMsg h1 {
  font-size: 2.618em;
  font-weight: 300;
}

@media screen and (min-width: 30em) {
  .dashboard--content th, .dashboard--content td {
    display: table-cell;
    width: auto;
  }
  .dashboard--content th, .dashboard--content td {
    padding-left: 0.618076em;
    padding-right: 0.618076em;
    white-space: normal;
  }
}
@media screen and (min-width: 50em) {
  .dashboard--content .chart,
.dashboard--content .chartPie {
    width: 48em;
  }
}
.dashboard-tp .row {
  margin-bottom: 0;
}

.dashboard-tp--entries .input--input {
  max-width: 100%;
}

.dashboard-tp--entry img {
  width: 64px;
}

.dashboard-tp--entry.dashboard-tp--entry_master {
  margin-bottom: 4.235924em;
}

.hidden-entry {
  height: 0;
  overflow: hidden;
}

.dashboard-tp--toggle-button {
  display: inline-block;
}
.dashboard-tp--toggle-button input {
  display: none;
}
.dashboard-tp--toggle-button .checkbox--label {
  padding: 0;
}
.dashboard-tp--toggle-button .checkbox--label:before {
  all: initial;
  content: "Not Approved";
  padding: 0.381848em 0.999924em 0.381848em 2.617924em;
  background: #e22;
  color: #fff;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3) inset;
  font-family: "Open Sans", Verdana, Helvetica, sans-serif;
  cursor: pointer;
  -ms-touch-action: none;
}
.dashboard-tp--toggle-button .checkbox--label:after {
  content: "";
  position: absolute;
  top: -0.2em;
  left: 0.5em;
  color: #fff;
  opacity: 1;
  font-size: 1.4em;
}
.dashboard-tp--toggle-button input:checked + .checkbox--label:before {
  content: "Approved";
  background: #5b0;
}
.dashboard-tp--toggle-button input:checked + .checkbox--label:after {
  content: "";
  font-size: 1.2em;
}

.no-touch .dashboard-tp--toggle-button .checkbox--label:hover:before {
  border: none;
  text-shadow: 0 0 2px #fff, 0 0 12px #fff;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset, 1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 4px 8px -4px rgba(0, 0, 0, 0.3), 0 0 6px 2px rgba(0, 0, 0, 0.1);
}

.dashboard-tp--modules .modules {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  flex-wrap: wrap;
}

.dashboard-tp--modules .modules li {
  margin: 5px;
  min-width: 200px;
  color: #4F5155;
  cursor: pointer;
}

.dashboard-tp--modules .modules ::before {
  padding: 4px 7px;
  color: #fff;
  margin-right: 10px;
  border-radius: 4px 0 0 4px;
  display: inline-block;
  width: 1.618rem;
  text-align: center;
}

.dashboard-to--modules .modules :hover {
  background-color: #eee;
  border-radius: 4px;
}

.dashboard-tp--modules .modules ::before {
  padding: 4px 7px;
  color: #fff;
  margin-right: 10px;
  border-radius: 4px 0 0 4px;
}

.dashboard-tp--modules .modules .translation_ok:hover {
  border: 1px solid #3ca200;
}

.dashboard-tp--modules .modules .translation_ok::before {
  content: "✔";
  background: #5b0;
}

.dashboard-tp--modules .modules .translation_changed:hover {
  border: 1px solid #e6b300;
}

.dashboard-tp--modules .modules .translation_changed::before {
  content: "↻";
  background: #fc0;
}

.dashboard-tp--modules .modules .translation_missing:hover {
  border: 1px solid #d50909;
}

.dashboard-tp--modules .modules .translation_missing::before {
  content: "⚠";
  background: #e22;
}

.dashboard-tp--modules .modules .translation_machine:hover {
  border: 1px solid #0080e6;
}

.dashboard-tp--modules .modules .translation_machine::before {
  content: "!";
  background: #09f;
}

.dashboard-tp--modules .modules li a,
.dashboard-tp--modules.modules li a:visited {
  display: block;
  background-color: #ddd;
  /*	padding: 3px 10px 3px 0;*/
  padding: 0 10px 0 0;
  font-size: 0.8rem;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: border ease 0.2s;
}

.dashboard-tp--modules .actions a {
  margin: 5px;
}

.dashboard-tp--missing .dataTables_wrapper {
  width: 50vw;
}

.dashboard-tp--missing .dataTables_filter {
  margin-bottom: 1.618em;
}

.dashboard-tp--modules .legend li {
  display: block;
  margin: 5px;
  min-width: 200px;
  color: #4F5155;
}

.dashboard-tp--modules .legend li span {
  display: inline-block;
  background-color: #ddd;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 3px 10px;
  font-size: 0.8rem;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid transparent;
}

.dashboard-tp--modules .legend ::before {
  padding: 4px 7px;
  color: #fff;
  border-radius: 4px 0 0 4px;
}

.dashboard-tp--modules .legend .translation_ok::before {
  content: "✔";
  background: #5b0;
}

.dashboard-tp--modules .legend .translation_changed::before {
  content: "↻";
  background: #fc0;
}

.dashboard-tp--modules .legend .translation_missing::before {
  content: "⚠";
  background: #e22;
}

.dashboard-tp--entry code {
  font-size: 1rem;
  line-height: 1;
}
.dashboard-tp--entry .entry--tag {
  flex: 0 1 auto;
  margin-left: 0.786rem;
  color: #333;
  opacity: 0.5;
}
.dashboard-tp--entry .entry--more-chars {
  font-size: 0.786rem;
  font-weight: 700;
  color: #f60;
}
.dashboard-tp--entry .entry--no-loca {
  font-size: 0.786rem;
  font-weight: 700;
  color: #06f;
}
.dashboard-tp--entry .entry--master,
.dashboard-tp--entry .entry--slave,
.dashboard-tp--entry .entry--master *,
.dashboard-tp--entry .entry--slave * {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.dashboard-tp--entry .entry--text {
  padding: 0 0 0 0.786rem;
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.4;
}
.dashboard-tp--entry .entry--text_html {
  display: inline;
  background: transparent;
  color: #00c;
  font-family: monospace;
  font-weight: 900;
}
.dashboard-tp--entry .entry--text_html-error,
.dashboard-tp--entry .entry--text_html-missing {
  display: inline;
  background: transparent;
  color: #c00;
  font-family: monospace;
  font-weight: 900;
}
.dashboard-tp--entry .entry--text_html-missing,
.dashboard-tp--entry .entry--text_html-fixed {
  opacity: 0.3;
}
.dashboard-tp--entry .entry--text_tag {
  display: inline;
  color: #090;
  font-family: monospace;
  font-weight: 900;
}
.dashboard-tp--entry .entry--text_tag-error,
.dashboard-tp--entry .entry--text_tag-missing {
  display: inline;
  color: #c00;
  font-family: monospace;
  font-weight: 900;
}
.dashboard-tp--entry .entry--text_tag-missing {
  opacity: 0.3;
}
.dashboard-tp--entry .entry--text_newline {
  display: inline;
  color: #90f;
  font-family: monospace;
  font-weight: 900;
}
.dashboard-tp--entry .entry--text_newline + .entry--text_newline {
  margin-left: 0;
}
.dashboard-tp--entry .entry--preview-label {
  font-size: 0.786rem;
  opacity: 0.3;
}

.dashboard-tp--export .export--entry {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  flex-wrap: wrap;
}

.aws-table-start_group {
  font-weight: bold;
}

.aws-status_ribbon {
  text-align: center;
  transform: rotate(-90deg);
  padding: 5px;
  margin-left: -60px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.aws-status_ribbon > span > font {
  color: white;
}

.wordpress-content > *:first-child {
  margin-top: 0;
}

.wordpress-content {
  padding: 0 0.999924em;
}
.wordpress-content h1, .wordpress-content h2, .wordpress-content h3, .wordpress-content h4, .wordpress-content h5, .wordpress-content h6 {
  line-height: 1.2em;
  margin: 0.309em 0 0.999924em 0;
}
.wordpress-content h1 {
  margin-top: 1.618em;
  margin-bottom: 0.618076em;
  font-size: 2.618em;
  font-weight: 300;
  text-rendering: optimizelegibility;
}
.wordpress-content h2 {
  margin-top: 1.618em;
  margin-bottom: 0.999924em;
  font-size: 1.618em;
  font-weight: 300;
  text-rendering: optimizelegibility;
}
.wordpress-content h2.font-xl {
  font-size: 2.618em;
}
.wordpress-content h3, .wordpress-content h4, .wordpress-content h5, .wordpress-content h6 {
  margin-top: 2.617924em;
  margin-bottom: 1.618em;
  font-size: 1em;
  font-weight: 400;
}
.wordpress-content img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.wordpress-content strong img,
.wordpress-content img.new {
  border-bottom: 6px solid #f00;
}
.wordpress-content img, .wordpress-content ul, .wordpress-content p {
  margin: 0.999924em 0;
  font-size: 1.176em;
}
.wordpress-content ul li {
  margin: 0.381848em 0 0.381848em 1.618em;
  padding-left: 0.618076em;
  list-style-type: disc;
}

.wp-country-code {
  min-width: 2.617924em;
  padding: 0.236228em 0.618076em;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  background: #919191;
  color: #fff;
}

.wp-country-code-de {
  background-color: #3b3b3b;
}

.wp-country-code-en {
  background-color: #c9462a;
}

.wp-country-code-es {
  background-color: #deb609;
}

.wp-country-code-fr {
  background-color: #4287b1;
}

.wp-country-code-pt {
  background-color: #33bd48;
}

.wp-country-code-id {
  background-color: #999999;
}

.wp-country-code-tr {
  background-color: #900000;
}

.red {
  color: #e22;
}

.orange {
  color: #f90;
}

.yellow {
  color: #fc0;
}

.lime {
  color: #9d0;
}

.green {
  color: #5b0;
}

.teal {
  color: #0cd;
}

.light-blue {
  color: #09f;
}

.blue {
  color: #35b;
}

.purple {
  color: #907;
}

.pink {
  color: #f0a;
}

.grey {
  color: #aaa;
}

.light-grey {
  color: #ddd;
}

.very-light-grey {
  color: #f3f3f3;
}

.white {
  color: #fff;
}

.black {
  color: #333;
}

.red_inv {
  background: #e22;
  color: #fff;
}

.orange_inv {
  background: #f90;
  color: #fff;
}

.yellow_inv {
  background: #fc0;
  color: #fff;
}

.lime_inv {
  background: #9d0;
  color: #fff;
}

.green_inv {
  background: #5b0;
  color: #fff;
}

.teal_inv {
  background: #0cd;
  color: #fff;
}

.light-blue_inv {
  background: #09f;
  color: #fff;
}

.blue_inv {
  background: #35b;
  color: #fff;
}

.blue_inv a {
  color: #fff;
}

.purple_inv {
  background: #907;
  color: #fff;
}

.pink_inv {
  background: #f0a;
  color: #fff;
}

.rose_inv {
  background: #f9e;
  color: #fff;
}

.brown_inv {
  background: #740;
  color: #fff;
}

.grey_inv {
  background: #aaa;
}

.light-grey_inv {
  background: #ddd;
}

.very-light-grey_inv {
  background: #f3f3f3;
}

.white_inv {
  background: #fff;
}

.black_inv {
  background: #333;
  color: #fff;
}

.color-text_light {
  opacity: 0.5;
}

.plain-text h1, .plain-text h2, .plain-text h3, .plain-text h4, .plain-text h5, .plain-text h6,
.auto-vspace h1,
.auto-vspace h2,
.auto-vspace h3,
.auto-vspace h4,
.auto-vspace h5,
.auto-vspace h6 {
  line-height: 1em;
  margin: 0.309em 0 0.999924em 0;
}
.plain-text h1.font-xl, .plain-text h2.font-xl, .plain-text h3.font-xl, .plain-text h4.font-xl, .plain-text h5.font-xl, .plain-text h6.font-xl,
.auto-vspace h1.font-xl,
.auto-vspace h2.font-xl,
.auto-vspace h3.font-xl,
.auto-vspace h4.font-xl,
.auto-vspace h5.font-xl,
.auto-vspace h6.font-xl {
  margin-bottom: 0.618076em;
}
.plain-text h1.font-l, .plain-text .badge-detailed h1.badge--name, .badge-detailed .plain-text h1.badge--name, .plain-text h1.friend-list--name, .plain-text h1.deeplink--icon, .plain-text #welcome-browser-wrap h1, #welcome-browser-wrap .plain-text h1, .plain-text h2.font-l, .plain-text .badge-detailed h2.badge--name, .badge-detailed .plain-text h2.badge--name, .plain-text h2.friend-list--name, .plain-text h2.deeplink--icon, .plain-text h3.font-l, .plain-text .badge-detailed h3.badge--name, .badge-detailed .plain-text h3.badge--name, .plain-text h3.friend-list--name, .plain-text h3.deeplink--icon, .plain-text h4.font-l, .plain-text .badge-detailed h4.badge--name, .badge-detailed .plain-text h4.badge--name, .plain-text h4.friend-list--name, .plain-text h4.deeplink--icon, .plain-text h5.font-l, .plain-text .badge-detailed h5.badge--name, .badge-detailed .plain-text h5.badge--name, .plain-text h5.friend-list--name, .plain-text h5.deeplink--icon, .plain-text h6.font-l, .plain-text .badge-detailed h6.badge--name, .badge-detailed .plain-text h6.badge--name, .plain-text h6.friend-list--name, .plain-text h6.deeplink--icon,
.auto-vspace h1.font-l,
.auto-vspace .badge-detailed h1.badge--name,
.badge-detailed .auto-vspace h1.badge--name,
.auto-vspace h1.friend-list--name,
.auto-vspace h1.deeplink--icon,
.auto-vspace #welcome-browser-wrap h1,
#welcome-browser-wrap .auto-vspace h1,
.auto-vspace h2.font-l,
.auto-vspace .badge-detailed h2.badge--name,
.badge-detailed .auto-vspace h2.badge--name,
.auto-vspace h2.friend-list--name,
.auto-vspace h2.deeplink--icon,
.auto-vspace h3.font-l,
.auto-vspace .badge-detailed h3.badge--name,
.badge-detailed .auto-vspace h3.badge--name,
.auto-vspace h3.friend-list--name,
.auto-vspace h3.deeplink--icon,
.auto-vspace h4.font-l,
.auto-vspace .badge-detailed h4.badge--name,
.badge-detailed .auto-vspace h4.badge--name,
.auto-vspace h4.friend-list--name,
.auto-vspace h4.deeplink--icon,
.auto-vspace h5.font-l,
.auto-vspace .badge-detailed h5.badge--name,
.badge-detailed .auto-vspace h5.badge--name,
.auto-vspace h5.friend-list--name,
.auto-vspace h5.deeplink--icon,
.auto-vspace h6.font-l,
.auto-vspace .badge-detailed h6.badge--name,
.badge-detailed .auto-vspace h6.badge--name,
.auto-vspace h6.friend-list--name,
.auto-vspace h6.deeplink--icon {
  margin-bottom: 0.999924em;
}
.plain-text h1.font-m, .plain-text h2.font-m, .plain-text h3.font-m, .plain-text h4.font-m, .plain-text h5.font-m, .plain-text h6.font-m,
.auto-vspace h1.font-m,
.auto-vspace h2.font-m,
.auto-vspace h3.font-m,
.auto-vspace h4.font-m,
.auto-vspace h5.font-m,
.auto-vspace h6.font-m {
  margin-bottom: 1.618em;
}
.plain-text h1.font-s, .plain-text h2.font-s, .plain-text h3.font-s, .plain-text h4.font-s, .plain-text h5.font-s, .plain-text h6.font-s,
.auto-vspace h1.font-s,
.auto-vspace h2.font-s,
.auto-vspace h3.font-s,
.auto-vspace h4.font-s,
.auto-vspace h5.font-s,
.auto-vspace h6.font-s {
  margin-bottom: 1.618em;
}
.plain-text p,
.auto-vspace p {
  margin-top: 0.618076em;
  margin-bottom: 0.618076em;
}
.plain-text dl,
.auto-vspace dl {
  margin-bottom: 1.618em;
}
.plain-text dd,
.auto-vspace dd {
  margin-bottom: 0.618076em;
}
.plain-text table,
.auto-vspace table {
  margin-bottom: 1.618em;
}
.plain-text .row,
.auto-vspace .row {
  margin-bottom: 1.618em;
}
.plain-text .panel, .plain-text .credits-tile,
.auto-vspace .panel,
.auto-vspace .credits-tile {
  margin-bottom: 1.618em;
}

.list-options .field {
  margin-bottom: 0;
}

.xs-show, .s-show, .m-show, .l-show, .xl-show {
  display: none;
}

.xs-on, .s-on, .m-on, .l-on, .xl-on {
  display: none;
}

.s-show,
.m-show,
.l-show,
.xl-show {
  display: none;
}

.xs-show {
  display: block;
}

.s-hide,
.m-hide,
.l-hide,
.xl-hide {
  display: block;
}

.xs-hide {
  display: none;
}

.xs-off {
  display: none;
}

.s-off,
.m-off,
.l-off,
.xl-off {
  display: block;
}

.xs-on {
  display: block;
}

.s-on,
.m-on,
.l-on,
.xl-on {
  display: none;
}

.s-show-inline,
.m-show-inline,
.l-show-inline,
.xl-show-inline {
  display: none;
}

.xs-show-inline {
  display: inline-block;
}

.s-hide-inline,
.m-hide-inline,
.l-hide-inline,
.xl-hide-inline {
  display: inline-block;
}

.xs-hide-inline {
  display: none;
}

.xs-off-inline {
  display: none;
}

.s-off-inline,
.m-off-inline,
.l-off-inline,
.xl-off-inline {
  display: inline-block;
}

.xs-on-inline {
  display: inline-block;
}

.s-on-inline,
.m-on-inline,
.l-on-inline,
.xl-on-inline {
  display: none;
}

.row-xs1-cols > .col, .row-w1-cols > .col {
  width: 100%;
}

.row-xs2-cols > .col, .row-w2-cols > .col {
  width: 50%;
}

.row-xs3-cols > .col, .row-w3-cols > .col {
  width: 33.3333333333%;
}

.row-xs4-cols > .col, .row-w4-cols > .col {
  width: 25%;
}

.row-xs5-cols > .col, .row-w5-cols > .col {
  width: 20%;
}

.row-xs6-cols > .col, .row-w6-cols > .col {
  width: 16.6666666667%;
}

.row-xs7-cols > .col, .row-w7-cols > .col {
  width: 14.2857142857%;
}

.row-xs8-cols > .col, .row-w8-cols > .col {
  width: 12.5%;
}

.row-xs9-cols > .col, .row-w9-cols > .col {
  width: 11.1111111111%;
}

.row-xs10-cols > .col, .row-w10-cols > .col {
  width: 10%;
}

.row-xs11-cols > .col, .row-w11-cols > .col {
  width: 9.0909090909%;
}

.row-xs12-cols > .col, .row-w12-cols > .col {
  width: 8.3333333333%;
}

.row-xs13-cols > .col, .row-w13-cols > .col {
  width: 7.6923076923%;
}

.row-xs14-cols > .col, .row-w14-cols > .col {
  width: 7.1428571429%;
}

.row-xs15-cols > .col, .row-w15-cols > .col {
  width: 6.6666666667%;
}

.row-xs16-cols > .col, .row-w16-cols > .col {
  width: 6.25%;
}

.row-xs17-cols > .col, .row-w17-cols > .col {
  width: 5.8823529412%;
}

.row-xs18-cols > .col, .row-w18-cols > .col {
  width: 5.5555555556%;
}

.row-xs19-cols > .col, .row-w19-cols > .col {
  width: 5.2631578947%;
}

.row-xs20-cols > .col, .row-w20-cols > .col {
  width: 5%;
}

.xs5, .w5 {
  width: 5%;
}

.xs10, .w10 {
  width: 10%;
}

.xs15, .w15 {
  width: 15%;
}

.xs20, .w20 {
  width: 20%;
}

.xs25, .w25 {
  width: 25%;
}

.xs30, .w30 {
  width: 30%;
}

.xs35, .w35 {
  width: 35%;
}

.xs40, .w40 {
  width: 40%;
}

.xs45, .w45 {
  width: 45%;
}

.xs50, .w50 {
  width: 50%;
}

.xs55, .w55 {
  width: 55%;
}

.xs60, .w60 {
  width: 60%;
}

.xs65, .w65 {
  width: 65%;
}

.xs70, .w70 {
  width: 70%;
}

.xs75, .w75 {
  width: 75%;
}

.xs80, .w80 {
  width: 80%;
}

.xs85, .w85 {
  width: 85%;
}

.xs90, .w90 {
  width: 90%;
}

.xs95, .w95 {
  width: 95%;
}

.xs100, .w100 {
  width: 100%;
}

.xs33, .w33 {
  width: 33.3333333333%;
}

.xs66, .w66, .w67, .xs67 {
  width: 66.6666666667%;
}

.xs39, .xs38, .xsgrs, .w39, .w38, .wgrs {
  width: 38.195%;
}

.xs61, .xs62, .xsgrl, .w61, .w62, .wgrl {
  width: 61.805%;
}

@media all and (max-width: 20.061em) {
  .l-xs5, .l-5 {
    left: -5%;
  }

  .l-xs10, .l-10 {
    left: -10%;
  }

  .l-xs15, .l-15 {
    left: -15%;
  }

  .l-xs20, .l-20 {
    left: -20%;
  }

  .l-xs25, .l-25 {
    left: -25%;
  }

  .l-xs30, .l-30 {
    left: -30%;
  }

  .l-xs35, .l-35 {
    left: -35%;
  }

  .l-xs40, .l-40 {
    left: -40%;
  }

  .l-xs45, .l-45 {
    left: -45%;
  }

  .l-xs50, .l-50 {
    left: -50%;
  }

  .l-xs55, .l-55 {
    left: -55%;
  }

  .l-xs60, .l-60 {
    left: -60%;
  }

  .l-xs65, .l-65 {
    left: -65%;
  }

  .l-xs70, .l-70 {
    left: -70%;
  }

  .l-xs75, .l-75 {
    left: -75%;
  }

  .l-xs80, .l-80 {
    left: -80%;
  }

  .l-xs85, .l-85 {
    left: -85%;
  }

  .l-xs90, .l-90 {
    left: -90%;
  }

  .l-xs95, .l-95 {
    left: -95%;
  }

  .l-xs33, .l-33 {
    left: -33.3333333333%;
  }

  .l-xs66, .l-xs67, .l-66, .l-67 {
    left: -66.6666666667%;
  }

  .r-xs5, .r-5 {
    left: 5%;
  }

  .r-xs10, .r-10 {
    left: 10%;
  }

  .r-xs15, .r-15 {
    left: 15%;
  }

  .r-xs20, .r-20 {
    left: 20%;
  }

  .r-xs25, .r-25 {
    left: 25%;
  }

  .r-xs30, .r-30 {
    left: 30%;
  }

  .r-xs35, .r-35 {
    left: 35%;
  }

  .r-xs40, .r-40 {
    left: 40%;
  }

  .r-xs45, .r-45 {
    left: 45%;
  }

  .r-xs50, .r-50 {
    left: 50%;
  }

  .r-xs55, .r-55 {
    left: 55%;
  }

  .r-xs60, .r-60 {
    left: 60%;
  }

  .r-xs65, .r-65 {
    left: 65%;
  }

  .r-xs70, .r-70 {
    left: 70%;
  }

  .r-xs75, .r-75 {
    left: 75%;
  }

  .r-xs80, .r-80 {
    left: 80%;
  }

  .r-xs85, .r-85 {
    left: 85%;
  }

  .r-xs90, .r-90 {
    left: 90%;
  }

  .r-xs95, .r-95 {
    left: 95%;
  }

  .r-xs33, .r-33 {
    left: 33.3333333333%;
  }

  .r-xs66, .r-xs67, .r-66, .r-67 {
    left: 66.6666666667%;
  }

  .u-xs1, .u1 {
    margin-top: -1.618em;
  }

  .u-xs2, .u2 {
    margin-top: -3.236em;
  }

  .u-xs3, .u3 {
    margin-top: -4.854em;
  }

  .u-xs4, .u4 {
    margin-top: -6.472em;
  }

  .d-xs1, .d1 {
    margin-top: 1.618em;
  }

  .d-xs2, .d2 {
    margin-top: 3.236em;
  }

  .d-xs3, .d3 {
    margin-top: 4.854em;
  }

  .d-xs4, .d4 {
    margin-top: 6.472em;
  }
}
@media all and (min-width: 20.062em) {
  .xs-show,
.m-show,
.l-show,
.xl-show {
    display: none;
  }

  .s-show {
    display: block;
  }

  .xs-hide,
.m-hide,
.l-hide,
.xl-hide {
    display: block;
  }

  .s-hide {
    display: none;
  }

  .xs-off,
.s-off {
    display: none;
  }

  .m-off,
.l-off,
.xl-off {
    display: block;
  }

  .xs-on,
.s-on {
    display: block;
  }

  .m-on,
.l-on,
.xl-on {
    display: none;
  }

  .xs-show-inline,
.m-show-inline,
.l-show-inline,
.xl-show-inline {
    display: none;
  }

  .s-show-inline {
    display: inline-block;
  }

  .xs-hide-inline,
.m-hide-inline,
.l-hide-inline,
.xl-hide-inline {
    display: inline-block;
  }

  .s-hide-inline {
    display: none;
  }

  .xs-off-inline,
.s-off-inline {
    display: none;
  }

  .m-off-inline,
.l-off-inline,
.xl-off-inline {
    display: inline-block;
  }

  .xs-on-inline,
.s-on-inline {
    display: inline-block;
  }

  .m-on-inline,
.l-on-inline,
.xl-on-inline {
    display: none;
  }

  .row-s1-cols > .col {
    width: 100%;
  }

  .row-s2-cols > .col {
    width: 50%;
  }

  .row-s3-cols > .col {
    width: 33.3333333333%;
  }

  .row-s4-cols > .col {
    width: 25%;
  }

  .row-s5-cols > .col {
    width: 20%;
  }

  .row-s6-cols > .col {
    width: 16.6666666667%;
  }

  .row-s7-cols > .col {
    width: 14.2857142857%;
  }

  .row-s8-cols > .col {
    width: 12.5%;
  }

  .row-s9-cols > .col {
    width: 11.1111111111%;
  }

  .row-s10-cols > .col {
    width: 10%;
  }

  .row-s11-cols > .col {
    width: 9.0909090909%;
  }

  .row-s12-cols > .col {
    width: 8.3333333333%;
  }

  .row-s13-cols > .col {
    width: 7.6923076923%;
  }

  .row-s14-cols > .col {
    width: 7.1428571429%;
  }

  .row-s15-cols > .col {
    width: 6.6666666667%;
  }

  .row-s16-cols > .col {
    width: 6.25%;
  }

  .row-s17-cols > .col {
    width: 5.8823529412%;
  }

  .row-s18-cols > .col {
    width: 5.5555555556%;
  }

  .row-s19-cols > .col {
    width: 5.2631578947%;
  }

  .row-s20-cols > .col {
    width: 5%;
  }

  .s5 {
    width: 5%;
  }

  .s10 {
    width: 10%;
  }

  .s15 {
    width: 15%;
  }

  .s20 {
    width: 20%;
  }

  .s25 {
    width: 25%;
  }

  .s30 {
    width: 30%;
  }

  .s35 {
    width: 35%;
  }

  .s40 {
    width: 40%;
  }

  .s45 {
    width: 45%;
  }

  .s50 {
    width: 50%;
  }

  .s55 {
    width: 55%;
  }

  .s60 {
    width: 60%;
  }

  .s65 {
    width: 65%;
  }

  .s70 {
    width: 70%;
  }

  .s75 {
    width: 75%;
  }

  .s80 {
    width: 80%;
  }

  .s85 {
    width: 85%;
  }

  .s90 {
    width: 90%;
  }

  .s95 {
    width: 95%;
  }

  .s100 {
    width: 100%;
  }

  .s33 {
    width: 33.3333333333%;
  }

  .s66, .s67 {
    width: 66.6666666667%;
  }

  .s39, .s38, .sgrs {
    width: 38.195%;
  }

  .s61, .s62, .sgrl {
    width: 61.805%;
  }

  .l-s5 {
    left: -5%;
  }

  .l-s10 {
    left: -10%;
  }

  .l-s15 {
    left: -15%;
  }

  .l-s20 {
    left: -20%;
  }

  .l-s25 {
    left: -25%;
  }

  .l-s30 {
    left: -30%;
  }

  .l-s35 {
    left: -35%;
  }

  .l-s40 {
    left: -40%;
  }

  .l-s45 {
    left: -45%;
  }

  .l-s50 {
    left: -50%;
  }

  .l-s55 {
    left: -55%;
  }

  .l-s60 {
    left: -60%;
  }

  .l-s65 {
    left: -65%;
  }

  .l-s70 {
    left: -70%;
  }

  .l-s75 {
    left: -75%;
  }

  .l-s80 {
    left: -80%;
  }

  .l-s85 {
    left: -85%;
  }

  .l-s90 {
    left: -90%;
  }

  .l-s95 {
    left: -95%;
  }

  .l-s33 {
    left: -33.3333333333%;
  }

  .l-s66, .l-s67 {
    left: -66.6666666667%;
  }

  .r-s5 {
    left: 5%;
  }

  .r-s10 {
    left: 10%;
  }

  .r-s15 {
    left: 15%;
  }

  .r-s20 {
    left: 20%;
  }

  .r-s25 {
    left: 25%;
  }

  .r-s30 {
    left: 30%;
  }

  .r-s35 {
    left: 35%;
  }

  .r-s40 {
    left: 40%;
  }

  .r-s45 {
    left: 45%;
  }

  .r-s50 {
    left: 50%;
  }

  .r-s55 {
    left: 55%;
  }

  .r-s60 {
    left: 60%;
  }

  .r-s65 {
    left: 65%;
  }

  .r-s70 {
    left: 70%;
  }

  .r-s75 {
    left: 75%;
  }

  .r-s80 {
    left: 80%;
  }

  .r-s85 {
    left: 85%;
  }

  .r-s90 {
    left: 90%;
  }

  .r-s95 {
    left: 95%;
  }

  .r-s33 {
    left: 33.3333333333%;
  }

  .r-s66, .r-s67 {
    left: 66.6666666667%;
  }

  .u-s1 {
    margin-top: -1.618em;
  }

  .u-s2 {
    margin-top: -3.236em;
  }

  .u-s3 {
    margin-top: -4.854em;
  }

  .u-s4 {
    margin-top: -6.472em;
  }

  .d-s1 {
    margin-top: 1.618em;
  }

  .d-s2 {
    margin-top: 3.236em;
  }

  .d-s3 {
    margin-top: 4.854em;
  }

  .d-s4 {
    margin-top: 6.472em;
  }
}
@media all and (min-width: 30em) {
  .xs-show,
.s-show,
.l-show,
.xl-show {
    display: none;
  }

  .m-show {
    display: block;
  }

  .xs-hide,
.s-hide,
.l-hide,
.xl-hide {
    display: block;
  }

  .m-hide {
    display: none;
  }

  .xs-off,
.s-off,
.m-off {
    display: none;
  }

  .l-off,
.xl-off {
    display: block;
  }

  .xs-on,
.s-on,
.m-on {
    display: block;
  }

  .l-on,
.xl-on {
    display: none;
  }

  .xs-show-inline,
.s-show-inline,
.l-show-inline,
.xl-show-inline {
    display: none;
  }

  .m-show-inline {
    display: inline-block;
  }

  .xs-hide-inline,
.s-hide-inline,
.l-hide-inline,
.xl-hide-inline {
    display: inline-block;
  }

  .m-hide-inline {
    display: none;
  }

  .xs-off-inline,
.s-off-inline,
.m-off-inline {
    display: none;
  }

  .l-off-inline,
.xl-off-inline {
    display: inline-block;
  }

  .xs-on-inline,
.s-on-inline,
.m-on-inline {
    display: inline-block;
  }

  .l-on-inline,
.xl-on-inline {
    display: none;
  }

  .row-m1-cols > .col {
    width: 100%;
  }

  .row-m2-cols > .col {
    width: 50%;
  }

  .row-m3-cols > .col {
    width: 33.3333333333%;
  }

  .row-m4-cols > .col {
    width: 25%;
  }

  .row-m5-cols > .col {
    width: 20%;
  }

  .row-m6-cols > .col {
    width: 16.6666666667%;
  }

  .row-m7-cols > .col {
    width: 14.2857142857%;
  }

  .row-m8-cols > .col {
    width: 12.5%;
  }

  .row-m9-cols > .col {
    width: 11.1111111111%;
  }

  .row-m10-cols > .col {
    width: 10%;
  }

  .row-m11-cols > .col {
    width: 9.0909090909%;
  }

  .row-m12-cols > .col {
    width: 8.3333333333%;
  }

  .row-m13-cols > .col {
    width: 7.6923076923%;
  }

  .row-m14-cols > .col {
    width: 7.1428571429%;
  }

  .row-m15-cols > .col {
    width: 6.6666666667%;
  }

  .row-m16-cols > .col {
    width: 6.25%;
  }

  .row-m17-cols > .col {
    width: 5.8823529412%;
  }

  .row-m18-cols > .col {
    width: 5.5555555556%;
  }

  .row-m19-cols > .col {
    width: 5.2631578947%;
  }

  .row-m20-cols > .col {
    width: 5%;
  }

  .m5 {
    width: 5%;
  }

  .m10 {
    width: 10%;
  }

  .m15 {
    width: 15%;
  }

  .m20 {
    width: 20%;
  }

  .m25 {
    width: 25%;
  }

  .m30 {
    width: 30%;
  }

  .m35 {
    width: 35%;
  }

  .m40 {
    width: 40%;
  }

  .m45 {
    width: 45%;
  }

  .m50 {
    width: 50%;
  }

  .m55 {
    width: 55%;
  }

  .m60 {
    width: 60%;
  }

  .m65 {
    width: 65%;
  }

  .m70 {
    width: 70%;
  }

  .m75 {
    width: 75%;
  }

  .m80 {
    width: 80%;
  }

  .m85 {
    width: 85%;
  }

  .m90 {
    width: 90%;
  }

  .m95 {
    width: 95%;
  }

  .m100 {
    width: 100%;
  }

  .m33 {
    width: 33.3333333333%;
  }

  .m66, .m67 {
    width: 66.6666666667%;
  }

  .m39, .m38, .mgrs {
    width: 38.195%;
  }

  .m61, .m62, .mgrl {
    width: 61.805%;
  }

  .l-m5 {
    left: -5%;
  }

  .l-m10 {
    left: -10%;
  }

  .l-m15 {
    left: -15%;
  }

  .l-m20 {
    left: -20%;
  }

  .l-m25 {
    left: -25%;
  }

  .l-m30 {
    left: -30%;
  }

  .l-m35 {
    left: -35%;
  }

  .l-m40 {
    left: -40%;
  }

  .l-m45 {
    left: -45%;
  }

  .l-m50 {
    left: -50%;
  }

  .l-m55 {
    left: -55%;
  }

  .l-m60 {
    left: -60%;
  }

  .l-m65 {
    left: -65%;
  }

  .l-m70 {
    left: -70%;
  }

  .l-m75 {
    left: -75%;
  }

  .l-m80 {
    left: -80%;
  }

  .l-m85 {
    left: -85%;
  }

  .l-m90 {
    left: -90%;
  }

  .l-m95 {
    left: -95%;
  }

  .l-m33 {
    left: -33.3333333333%;
  }

  .l-m66, .l-m67 {
    left: -66.6666666667%;
  }

  .r-m5 {
    left: 5%;
  }

  .r-m10 {
    left: 10%;
  }

  .r-m15 {
    left: 15%;
  }

  .r-m20 {
    left: 20%;
  }

  .r-m25 {
    left: 25%;
  }

  .r-m30 {
    left: 30%;
  }

  .r-m35 {
    left: 35%;
  }

  .r-m40 {
    left: 40%;
  }

  .r-m45 {
    left: 45%;
  }

  .r-m50 {
    left: 50%;
  }

  .r-m55 {
    left: 55%;
  }

  .r-m60 {
    left: 60%;
  }

  .r-m65 {
    left: 65%;
  }

  .r-m70 {
    left: 70%;
  }

  .r-m75 {
    left: 75%;
  }

  .r-m80 {
    left: 80%;
  }

  .r-m85 {
    left: 85%;
  }

  .r-m90 {
    left: 90%;
  }

  .r-m95 {
    left: 95%;
  }

  .r-m33 {
    left: 33.3333333333%;
  }

  .r-m66, .r-m67 {
    left: 66.6666666667%;
  }

  .u-m1 {
    margin-top: -1.618em;
  }

  .u-m2 {
    margin-top: -3.236em;
  }

  .u-m3 {
    margin-top: -4.854em;
  }

  .u-m4 {
    margin-top: -6.472em;
  }

  .d-m1 {
    margin-top: 1.618em;
  }

  .d-m2 {
    margin-top: 3.236em;
  }

  .d-m3 {
    margin-top: 4.854em;
  }

  .d-m4 {
    margin-top: 6.472em;
  }
}
@media all and (min-width: 50em) {
  .xs-show,
.s-show,
.m-show,
.xl-show {
    display: none;
  }

  .l-show {
    display: block;
  }

  .xs-hide,
.s-hide,
.m-hide,
.xl-hide {
    display: block;
  }

  .l-hide {
    display: none;
  }

  .xs-off,
.s-off,
.m-off,
.l-off {
    display: none;
  }

  .xl-off {
    display: block;
  }

  .xs-on,
.s-on,
.m-on,
.l-on {
    display: block;
  }

  .xl-on {
    display: none;
  }

  .xs-show-inline,
.s-show-inline,
.m-show-inline,
.xl-show-inline {
    display: none;
  }

  .l-show-inline {
    display: inline-block;
  }

  .xs-hide-inline,
.s-hide-inline,
.m-hide-inline,
.xl-hide-inline {
    display: inline-block;
  }

  .l-hide-inline {
    display: none;
  }

  .xs-off-inline,
.s-off-inline,
.m-off-inline,
.l-off-inline {
    display: none;
  }

  .xl-off-inline {
    display: inline-block;
  }

  .xs-on-inline,
.s-on-inline,
.m-on-inline,
.l-on-inline {
    display: inline-block;
  }

  .xl-on-inline {
    display: none;
  }

  .row-l1-cols > .col {
    width: 100%;
  }

  .row-l2-cols > .col {
    width: 50%;
  }

  .row-l3-cols > .col {
    width: 33.3333333333%;
  }

  .row-l4-cols > .col {
    width: 25%;
  }

  .row-l5-cols > .col {
    width: 20%;
  }

  .row-l6-cols > .col {
    width: 16.6666666667%;
  }

  .row-l7-cols > .col {
    width: 14.2857142857%;
  }

  .row-l8-cols > .col {
    width: 12.5%;
  }

  .row-l9-cols > .col {
    width: 11.1111111111%;
  }

  .row-l10-cols > .col {
    width: 10%;
  }

  .row-l11-cols > .col {
    width: 9.0909090909%;
  }

  .row-l12-cols > .col {
    width: 8.3333333333%;
  }

  .row-l13-cols > .col {
    width: 7.6923076923%;
  }

  .row-l14-cols > .col {
    width: 7.1428571429%;
  }

  .row-l15-cols > .col {
    width: 6.6666666667%;
  }

  .row-l16-cols > .col {
    width: 6.25%;
  }

  .row-l17-cols > .col {
    width: 5.8823529412%;
  }

  .row-l18-cols > .col {
    width: 5.5555555556%;
  }

  .row-l19-cols > .col {
    width: 5.2631578947%;
  }

  .row-l20-cols > .col {
    width: 5%;
  }

  .l5 {
    width: 5%;
  }

  .l10 {
    width: 10%;
  }

  .l15 {
    width: 15%;
  }

  .l20 {
    width: 20%;
  }

  .l25 {
    width: 25%;
  }

  .l30 {
    width: 30%;
  }

  .l35 {
    width: 35%;
  }

  .l40 {
    width: 40%;
  }

  .l45 {
    width: 45%;
  }

  .l50 {
    width: 50%;
  }

  .l55 {
    width: 55%;
  }

  .l60 {
    width: 60%;
  }

  .l65 {
    width: 65%;
  }

  .l70 {
    width: 70%;
  }

  .l75 {
    width: 75%;
  }

  .l80 {
    width: 80%;
  }

  .l85 {
    width: 85%;
  }

  .l90 {
    width: 90%;
  }

  .l95 {
    width: 95%;
  }

  .l100 {
    width: 100%;
  }

  .l33 {
    width: 33.3333333333%;
  }

  .l66, .l67 {
    width: 66.6666666667%;
  }

  .l39, .l38, .lgrs {
    width: 38.195%;
  }

  .l61, .l62, .lgrl {
    width: 61.805%;
  }

  .l-l5 {
    left: -5%;
  }

  .l-l10 {
    left: -10%;
  }

  .l-l15 {
    left: -15%;
  }

  .l-l20 {
    left: -20%;
  }

  .l-l25 {
    left: -25%;
  }

  .l-l30 {
    left: -30%;
  }

  .l-l35 {
    left: -35%;
  }

  .l-l40 {
    left: -40%;
  }

  .l-l45 {
    left: -45%;
  }

  .l-l50 {
    left: -50%;
  }

  .l-l55 {
    left: -55%;
  }

  .l-l60 {
    left: -60%;
  }

  .l-l65 {
    left: -65%;
  }

  .l-l70 {
    left: -70%;
  }

  .l-l75 {
    left: -75%;
  }

  .l-l80 {
    left: -80%;
  }

  .l-l85 {
    left: -85%;
  }

  .l-l90 {
    left: -90%;
  }

  .l-l95 {
    left: -95%;
  }

  .l-l33 {
    left: -33.3333333333%;
  }

  .l-l66, .l-l67 {
    left: -66.6666666667%;
  }

  .r-l5 {
    left: 5%;
  }

  .r-l10 {
    left: 10%;
  }

  .r-l15 {
    left: 15%;
  }

  .r-l20 {
    left: 20%;
  }

  .r-l25 {
    left: 25%;
  }

  .r-l30 {
    left: 30%;
  }

  .r-l35 {
    left: 35%;
  }

  .r-l40 {
    left: 40%;
  }

  .r-l45 {
    left: 45%;
  }

  .r-l50 {
    left: 50%;
  }

  .r-l55 {
    left: 55%;
  }

  .r-l60 {
    left: 60%;
  }

  .r-l65 {
    left: 65%;
  }

  .r-l70 {
    left: 70%;
  }

  .r-l75 {
    left: 75%;
  }

  .r-l80 {
    left: 80%;
  }

  .r-l85 {
    left: 85%;
  }

  .r-l90 {
    left: 90%;
  }

  .r-l95 {
    left: 95%;
  }

  .r-l33 {
    left: 33.3333333333%;
  }

  .r-l66, .r-l67 {
    left: 66.6666666667%;
  }

  .u-l1 {
    margin-top: -1.618em;
  }

  .u-l2 {
    margin-top: -3.236em;
  }

  .u-l3 {
    margin-top: -4.854em;
  }

  .u-l4 {
    margin-top: -6.472em;
  }

  .d-l1 {
    margin-top: 1.618em;
  }

  .d-l2 {
    margin-top: 3.236em;
  }

  .d-l3 {
    margin-top: 4.854em;
  }

  .d-l4 {
    margin-top: 6.472em;
  }
}
@media all and (min-width: 64em) {
  .xs-show,
.s-show,
.m-show,
.l-show {
    display: none;
  }

  .xl-show {
    display: block;
  }

  .xs-hide,
.s-hide,
.m-hide,
.l-hide {
    display: block;
  }

  .xl-hide {
    display: none;
  }

  .xs-off,
.s-off,
.m-off,
.l-off,
.xl-off {
    display: none;
  }

  .xs-on,
.s-on,
.m-on,
.l-on,
.xl-on {
    display: block;
  }

  .xs-show-inline,
.s-show-inline,
.m-show-inline,
.l-show-inline {
    display: none;
  }

  .xl-show-inline {
    display: inline-block;
  }

  .xs-hide-inline,
.s-hide-inline,
.m-hide-inline,
.l-hide-inline {
    display: inline-block;
  }

  .xl-hide-inline {
    display: none;
  }

  .xs-off-inline,
.s-off-inline,
.m-off-inline,
.l-off-inline,
.xl-off-inline {
    display: none;
  }

  .xs-on-inline,
.s-on-inline,
.m-on-inline,
.l-on-inline,
.xl-on-inline {
    display: inline-block;
  }

  .row-xl1-cols > .col {
    width: 100%;
  }

  .row-xl2-cols > .col {
    width: 50%;
  }

  .row-xl3-cols > .col {
    width: 33.3333333333%;
  }

  .row-xl4-cols > .col {
    width: 25%;
  }

  .row-xl5-cols > .col {
    width: 20%;
  }

  .row-xl6-cols > .col {
    width: 16.6666666667%;
  }

  .row-xl7-cols > .col {
    width: 14.2857142857%;
  }

  .row-xl8-cols > .col {
    width: 12.5%;
  }

  .row-xl9-cols > .col {
    width: 11.1111111111%;
  }

  .row-xl10-cols > .col {
    width: 10%;
  }

  .row-xl11-cols > .col {
    width: 9.0909090909%;
  }

  .row-xl12-cols > .col {
    width: 8.3333333333%;
  }

  .row-xl13-cols > .col {
    width: 7.6923076923%;
  }

  .row-xl14-cols > .col {
    width: 7.1428571429%;
  }

  .row-xl15-cols > .col {
    width: 6.6666666667%;
  }

  .row-xl16-cols > .col {
    width: 6.25%;
  }

  .row-xl17-cols > .col {
    width: 5.8823529412%;
  }

  .row-xl18-cols > .col {
    width: 5.5555555556%;
  }

  .row-xl19-cols > .col {
    width: 5.2631578947%;
  }

  .row-xl20-cols > .col {
    width: 5%;
  }

  .xl5 {
    width: 5%;
  }

  .xl10 {
    width: 10%;
  }

  .xl15 {
    width: 15%;
  }

  .xl20 {
    width: 20%;
  }

  .xl25 {
    width: 25%;
  }

  .xl30 {
    width: 30%;
  }

  .xl35 {
    width: 35%;
  }

  .xl40 {
    width: 40%;
  }

  .xl45 {
    width: 45%;
  }

  .xl50 {
    width: 50%;
  }

  .xl55 {
    width: 55%;
  }

  .xl60 {
    width: 60%;
  }

  .xl65 {
    width: 65%;
  }

  .xl70 {
    width: 70%;
  }

  .xl75 {
    width: 75%;
  }

  .xl80 {
    width: 80%;
  }

  .xl85 {
    width: 85%;
  }

  .xl90 {
    width: 90%;
  }

  .xl95 {
    width: 95%;
  }

  .xl100 {
    width: 100%;
  }

  .xl33 {
    width: 33.3333333333%;
  }

  .xl66, .xl67 {
    width: 66.6666666667%;
  }

  .xl39, .xl38, .xlgrs {
    width: 38.195%;
  }

  .xl61, .xl62, .xlgrl {
    width: 61.805%;
  }

  .l-xl5 {
    left: -5%;
  }

  .l-xl10 {
    left: -10%;
  }

  .l-xl15 {
    left: -15%;
  }

  .l-xl20 {
    left: -20%;
  }

  .l-xl25 {
    left: -25%;
  }

  .l-xl30 {
    left: -30%;
  }

  .l-xl35 {
    left: -35%;
  }

  .l-xl40 {
    left: -40%;
  }

  .l-xl45 {
    left: -45%;
  }

  .l-xl50 {
    left: -50%;
  }

  .l-xl55 {
    left: -55%;
  }

  .l-xl60 {
    left: -60%;
  }

  .l-xl65 {
    left: -65%;
  }

  .l-xl70 {
    left: -70%;
  }

  .l-xl75 {
    left: -75%;
  }

  .l-xl80 {
    left: -80%;
  }

  .l-xl85 {
    left: -85%;
  }

  .l-xl90 {
    left: -90%;
  }

  .l-xl95 {
    left: -95%;
  }

  .l-xl33 {
    left: -33.3333333333%;
  }

  .l-xl66, .l-xl67 {
    left: -66.6666666667%;
  }

  .r-xl5 {
    left: 5%;
  }

  .r-xl10 {
    left: 10%;
  }

  .r-xl15 {
    left: 15%;
  }

  .r-xl20 {
    left: 20%;
  }

  .r-xl25 {
    left: 25%;
  }

  .r-xl30 {
    left: 30%;
  }

  .r-xl35 {
    left: 35%;
  }

  .r-xl40 {
    left: 40%;
  }

  .r-xl45 {
    left: 45%;
  }

  .r-xl50 {
    left: 50%;
  }

  .r-xl55 {
    left: 55%;
  }

  .r-xl60 {
    left: 60%;
  }

  .r-xl65 {
    left: 65%;
  }

  .r-xl70 {
    left: 70%;
  }

  .r-xl75 {
    left: 75%;
  }

  .r-xl80 {
    left: 80%;
  }

  .r-xl85 {
    left: 85%;
  }

  .r-xl90 {
    left: 90%;
  }

  .r-xl95 {
    left: 95%;
  }

  .r-xl33 {
    left: 33.3333333333%;
  }

  .r-xl66, .r-xl67 {
    left: 66.6666666667%;
  }

  .u-xl1 {
    margin-top: -1.618em;
  }

  .u-xl2 {
    margin-top: -3.236em;
  }

  .u-xl3 {
    margin-top: -4.854em;
  }

  .u-xl4 {
    margin-top: -6.472em;
  }

  .d-xl1 {
    margin-top: 1.618em;
  }

  .d-xl2 {
    margin-top: 3.236em;
  }

  .d-xl3 {
    margin-top: 4.854em;
  }

  .d-xl4 {
    margin-top: 6.472em;
  }
}
/*
@media all and (min-width: $grid-s) and (max-width: $grid-m - 0.001em)
{

	$grid-prefix: "s";
	@import "gridswitches";

}

@media all and (min-width: $grid-m) and (max-width: $grid-l - 0.001em)
{

	$grid-prefix: "m";
	@import "gridswitches";

}

@media all and (min-width: $grid-l) and (max-width: $grid-xl - 0.001em)
{

	$grid-prefix: "l";
	@import "gridswitches";

}
*/
@media all and (orientation: landscape) {
  .land-show {
    display: block;
  }

  .port-show {
    display: none;
  }
}
@media all and (orientation: portrait) {
  .land-show {
    display: none;
  }

  .port-show {
    display: block;
  }
}
.event--official-flag {
  padding: 0.14562em 0.618076em;
  background: #35b;
  color: #fff;
}

.noscript-warning {
  position: relative;
  top: -1.618em;
}

footer .sprite {
  display: inline-block;
  background-image: url("//cdn.clubcooee.com/img/home04/flags-02.png");
  background-repeat: no-repeat;
}

footer .sprite-BR {
  background-position: 0 0;
  width: 16px;
  height: 11px;
}

footer .sprite-DE {
  background-position: 0 -21px;
  width: 16px;
  height: 11px;
}

footer .sprite-ES {
  background-position: 0 -42px;
  width: 16px;
  height: 11px;
}

footer .sprite-FR {
  background-position: 0 -63px;
  width: 16px;
  height: 11px;
}

footer .sprite-US {
  background-position: 0 -126px;
  width: 16px;
  height: 11px;
}

footer .sprite-TR {
  background-position: 0 -146px;
  width: 16px;
  height: 11px;
}

.scenes-list > hr:first-child {
  display: none;
}

.debug--text,
.debug--html,
#debug {
  display: none;
}

.ad-headline {
  color: #888;
}

.no-ads-link {
  margin-top: -0.381848em;
}

.confirm-popup,
.item-trade-popup {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0 1.618em;
  line-height: 1.3;
  text-align: center;
}

.cssDebug .embed--photo img,
.cssDebug .bbcode_img {
  max-height: 16em;
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .cssDebugWall .mw-test--center-wrap {
    max-width: 100%;
  }
  .cssDebugWall .mw-test--sub-nav {
    width: 20%;
  }
  .cssDebugWall .mw-test--content {
    width: 80%;
  }

  .cssDebugWall .mw-test--post-body {
    width: 50%;
    margin-bottom: 0 !important;
  }
  .cssDebugWall .mw-test--post-comments {
    width: 50%;
  }

  x.cssDebugWall .mw-test--post {
    float: left;
    width: 50%;
    padding-left: 3.236em;
    padding-right: 3.236em;
  }
  x.cssDebugWall .mw-test--post .ribbon:after {
    border: none;
  }

  .cssDebugWall.showTheme .mw-test--center-wrap {
    max-width: 95%;
  }
  .cssDebugWall.showTheme .mw-test--center-wrap .site-background {
    background: transparent;
  }
  .cssDebugWall.showTheme .mw-test--sub-nav {
    background: #ebebeb;
  }
}
/* COOEE_THEME_BEGIN */
a, .render_hover-link, .autocomplete-selected, .no-touch .text-btn:hover, .no-touch .close-btn:hover, .checkbox--label:after, .no-touch .page-header--nav-item:hover, .no-touch .form--search-button:hover, .no-touch .input--cancel-button:hover, .no-touch .page-header--search-button:hover, .item-details--spinner-change, .item-details--rating-score, .accent {
  color: #09f;
}

.create-btn, .no-touch .calendar a:hover, .radio--label:after, .no-touch .chosen-container-single .chosen-single:hover, .chosen-container .chosen-results li.highlighted, .no-touch .nav-side .navbar--item:hover, .level-bar--type, .level-bar--progress-bar, .radio-list--item.selected,
.no-touch .radio-list--item.selected, .no-touch .navbar--item:hover, .navbar--item_active,
.no-touch .navbar--item_active:hover, .no-touch .navigation_vertical .navbar--item:hover, .progress--bar, .no-touch .request--link:hover, .smoke button:not(.cancel), .note--private, .no-touch .note--options-menu--item:hover, .color, #welcome-browser-wrap address a {
  background: #09f;
  color: #fff;
}

.credits-tile.color,
.no-touch .credits-tile.color, #welcome-browser-wrap address a.credits-tile {
  outline-color: #09f;
}

.chosen-search input[type=text]:focus, .chosen-container-active .chosen-single, .chosen-container-active .chosen-choices, .input--input:focus,
.textarea:focus,
.select:focus {
  box-shadow: 4px 0 0 #09f inset, 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 4px rgba(0, 153, 255, 0.6);
}

.no-touch .checkbox--label:hover:before,
.no-touch .radio--label:hover:before,
.no-touch .field_focused .checkbox--label:before,
.no-touch .field_focused .radio--label:before, .chosen-search input[type=text]:focus, .chosen-container-active .chosen-single, .chosen-container-active .chosen-choices, .input--input:focus,
.textarea:focus,
.select:focus, .no-touch .field:hover .input--input,
.no-touch .field:hover .textarea,
.no-touch .field:hover .select {
  border: 1px solid #09f;
}

.level-bar--progress-bar:after {
  border-color: transparent transparent transparent #09f;
}

/* COOEE_THEME_END */