/*! 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: .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: .35em .625em .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, .badge-detailed .badge--name, .friend-list--name, .friend-list .text-btn i, .friend-list .close-btn i, .deeplink--icon, #welcome-browser-wrap h1 { 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; }

.checkbox--label:before, .radio--label:before, .checkbox--label:after, .radio--label:after, .chosen-container-single .chosen-single, .chosen-search input[type="text"], .input--input, .textarea, .select { 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; }

.btn, .dialog-buttons button, #welcome-browser-wrap address a, .create-btn, .pagination--item a, .dashboard-tp--toggle-button .checkbox--label:before { transition: border 0.2s ease, background-color 0.2s ease, color 0.2s ease, text-shadow 0.2s ease, top 0.2s ease; }

.navbar, .navigation_vertical .navbar--sub-item { transition: background-color 0.2s ease, right 0.2s ease, height 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease; }

.btn, .dialog-buttons button, #welcome-browser-wrap address a, .radio-list--item, .radio-list--color, .browse-button, .item-list, .navbar--item, .dashboard-tp--toggle-button .checkbox--label:before { -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.343663em 0.999924em 0.420033em 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: 912.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: 100%; }

.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--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.0%; }

.badge.facebook .badge--image { left: -12.5%; top: -237.5%; }

.badge.email .badge--image { left: -12.5%; top: -350.0%; }

.badge.tutorial .badge--image { left: -12.5%; top: -462.5%; }

.badge.dummy-1-6 .badge--image { left: -12.5%; top: -575.0%; }

.badge.dummy-1-7 .badge--image { left: -12.5%; top: -687.5%; }

.badge.dummy-1-8 .badge--image { left: -12.5%; top: -800.0%; }

.badge.circulator .badge--image { left: -125.0%; top: -12.5%; }

.badge.social .badge--image { left: -125.0%; top: -125.0%; }

.badge.spender .badge--image { left: -125.0%; top: -237.5%; }

.badge.employer .badge--image { left: -125.0%; top: -350.0%; }

.badge.jobber .badge--image { left: -125.0%; top: -462.5%; }

.badge.beloved .badge--image { left: -125.0%; top: -575.0%; }

.badge.cookie .badge--image { left: -125.0%; top: -687.5%; }

.badge.dummy-2-8 .badge--image { left: -125.0%; top: -800.0%; }

.badge.homemade .badge--image { left: -237.5%; top: -12.5%; }

.badge.seller .badge--image { left: -237.5%; top: -125.0%; }

.badge.designer .badge--image { left: -237.5%; top: -237.5%; }

.badge.trendsetter .badge--image { left: -237.5%; top: -350.0%; }

.badge.awarded .badge--image { left: -237.5%; top: -462.5%; }

.badge.voter .badge--image { left: -237.5%; top: -575.0%; }

.badge.sunny .badge--image { left: -237.5%; top: -687.5%; }

.badge.dummy-3-8 .badge--image { left: -237.5%; top: -800.0%; }

.badge.merchant .badge--image { left: -350.0%; top: -12.5%; }

.badge.fashionista .badge--image { left: -350.0%; top: -125.0%; }

.badge.purchaser .badge--image { left: -350.0%; top: -237.5%; }

.badge.homeowner .badge--image { left: -350.0%; top: -350.0%; }

.badge.collector .badge--image { left: -350.0%; top: -462.5%; }

.badge.enthusiast .badge--image { left: -350.0%; top: -575.0%; }

.badge.speculator .badge--image { left: -350.0%; top: -687.5%; }

.badge.watcher .badge--image { left: -350.0%; top: -800.0%; }

.badge.photographer .badge--image { left: -462.5%; top: -12.5%; }

.badge.chatter .badge--image { left: -462.5%; top: -125.0%; }

.badge.tourist .badge--image { left: -462.5%; top: -237.5%; }

.badge.poker .badge--image { left: -462.5%; top: -350.0%; }

.badge.gamer .badge--image { left: -462.5%; top: -462.5%; }

.badge.pairanimsender .badge--image { left: -462.5%; top: -575.0%; }

.badge.pairanimaccepter .badge--image { left: -462.5%; top: -687.5%; }

.badge.dummy-5-8 .badge--image { left: -462.5%; top: -800.0%; }

.badge.quizsole .badge--image { left: -575.0%; top: -12.5%; }

.badge.quiztogether .badge--image { left: -575.0%; top: -125.0%; }

.badge.quizfast .badge--image { left: -575.0%; top: -237.5%; }

.badge.quizwin .badge--image { left: -575.0%; top: -350.0%; }

.badge.quizfastest .badge--image { left: -575.0%; top: -462.5%; }

.badge.dummy-6-6 .badge--image { left: -575.0%; top: -575.0%; }

.badge.dummy-6-7 .badge--image { left: -575.0%; top: -687.5%; }

.badge.dummy-6-8 .badge--image { left: -575.0%; top: -800.0%; }

.btn, .dialog-buttons button, #welcome-browser-wrap address a { display: inline-block; margin: 0 0 0.381848em 0; padding: 0.343663em 0.999924em 0.420033em 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, .dialog-buttons button a, #welcome-browser-wrap address a a { color: #333; }

.icon_left { margin-right: 0.618076em; }

.icon_right { margin-left: 0.618076em; }

.no-touch .btn:hover, .no-touch .dialog-buttons button:hover, .dialog-buttons .no-touch button:hover, .no-touch #welcome-browser-wrap address a:hover, #welcome-browser-wrap address .no-touch a: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 .dialog-buttons button:active, .dialog-buttons .no-touch button:active, .no-touch #welcome-browser-wrap address a:active, #welcome-browser-wrap address .no-touch a: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.212384em 0.679748em !important; font-size: 0.8em; }

.btn_big { padding: 0.212384em 0.679748em !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 .dialog-buttons button, .dialog-buttons .button-group button, .button-group #welcome-browser-wrap address a, #welcome-browser-wrap address .button-group a { 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: "\e91b"; 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: "\e639"; 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: "\e632"; 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: "\e62e"; 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: "\e631"; 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, .no-touch #welcome-browser-wrap address a.credits-tile, #welcome-browser-wrap address .no-touch a.credits-tile { background: #fff; color: #333; box-shadow: none; cursor: default; }

.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.333333%; }

.gallery_xs .gallery--item { width: 16.666667%; font-size: 0.618em; }

@media screen and (min-width: 20.062em) { .gallery--item { width: 33.333333%; }
  .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.666667%; }
  .gallery_xs .gallery--item { width: 10%; } }

@media screen and (min-width: 50em) { .gallery--item { width: 16.666667%; }
  .gallery_xs .gallery--item { width: 8.333333%; }
  .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 .dialog-buttons button, .dialog-buttons .input_submit .input--submit button, .input_submit .input--submit #welcome-browser-wrap address a, #welcome-browser-wrap address .input_submit .input--submit a { 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 > 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: "\2022"; 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; }

@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.111111%; }

.radio-list_14 .radio-list--item, .radio-list_14 .radio-list--color { width: 14.285714%; }

.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.142857%; }
  .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 .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, .trade .deeplink--icon, .trade #welcome-browser-wrap h1, #welcome-browser-wrap .trade h1 { line-height: 1; padding: 0; }

.trade .font-ms { font-size: 1em; }

.trade .btn, .trade .dialog-buttons button, .dialog-buttons .trade button, .trade #welcome-browser-wrap address a, #welcome-browser-wrap address .trade a { 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 .dialog-buttons button, .dialog-buttons .trade button, .trade #welcome-browser-wrap address a, #welcome-browser-wrap address .trade a { 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 .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, .navbar--count_active .deeplink--icon, .navbar--count_active #welcome-browser-wrap h1, #welcome-browser-wrap .navbar--count_active h1 { 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.666667%; 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.333333%; }
  .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), .color.credits-tile a:not(.btn), #welcome-browser-wrap address a.credits-tile a:not(.btn), #welcome-browser-wrap address a.panel 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.236105em 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.854181em 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.32449em; 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.32449em; 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; }

.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; }

.wall--more { width: 100%; height: 2.424616em; 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; } }

.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; }

.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: "\25BC"; float: right; }

.dashboard--content .header.headerSortDown:after { content: "\25B2"; 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: '\e91e'; 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: '\e91b'; 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; }

.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: '\2714'; background: #5b0; }

.dashboard-tp--modules .modules .translation_changed:hover { border: 1px solid #e6b300; }

.dashboard-tp--modules .modules .translation_changed::before { content: '\21BB'; background: #fc0; }

.dashboard-tp--modules .modules .translation_missing:hover { border: 1px solid #d50909; }

.dashboard-tp--modules .modules .translation_missing::before { content: '\26A0'; background: #e22; }

.dashboard-tp--modules .modules li a, .dashboard-tp--modules.modules li a:visited { display: block; background-color: #ddd; padding: 3px 10px 3px 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: '\2714'; background: #5b0; }

.dashboard-tp--modules .legend .translation_changed::before { content: '\21BB'; background: #fc0; }

.dashboard-tp--modules .legend .translation_missing::before { content: '\26A0'; 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; }

.rotate-me { text-align: center; transform: rotate(-90deg); padding: 5px; margin-left: -60px; margin-top: 15px; margin-bottom: 15px; }

.rotate-me > 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: #3b3b3b; }

.wp-country-code-en { background: #c9462a; }

.wp-country-code-es { background: #deb609; }

.wp-country-code-fr { background: #4287b1; }

.wp-country-code-pt { background: #33bd48; }

.wp-country-code-id { background: #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.333333%; }

.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.666667%; }

.row-xs7-cols > .col, .row-w7-cols > .col { width: 14.285714%; }

.row-xs8-cols > .col, .row-w8-cols > .col { width: 12.5%; }

.row-xs9-cols > .col, .row-w9-cols > .col { width: 11.111111%; }

.row-xs10-cols > .col, .row-w10-cols > .col { width: 10%; }

.row-xs11-cols > .col, .row-w11-cols > .col { width: 9.090909%; }

.row-xs12-cols > .col, .row-w12-cols > .col { width: 8.333333%; }

.row-xs13-cols > .col, .row-w13-cols > .col { width: 7.692308%; }

.row-xs14-cols > .col, .row-w14-cols > .col { width: 7.142857%; }

.row-xs15-cols > .col, .row-w15-cols > .col { width: 6.666667%; }

.row-xs16-cols > .col, .row-w16-cols > .col { width: 6.25%; }

.row-xs17-cols > .col, .row-w17-cols > .col { width: 5.882353%; }

.row-xs18-cols > .col, .row-w18-cols > .col { width: 5.555556%; }

.row-xs19-cols > .col, .row-w19-cols > .col { width: 5.263158%; }

.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.333333%; }

.xs66, .w66, .w67, .xs67 { width: 66.666667%; }

.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.333333%; }
  .l-xs66, .l-xs67, .l-66, .l-67 { left: -66.666667%; }
  .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.333333%; }
  .r-xs66, .r-xs67, .r-66, .r-67 { left: 66.666667%; }
  .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.333333%; }
  .row-s4-cols > .col { width: 25%; }
  .row-s5-cols > .col { width: 20%; }
  .row-s6-cols > .col { width: 16.666667%; }
  .row-s7-cols > .col { width: 14.285714%; }
  .row-s8-cols > .col { width: 12.5%; }
  .row-s9-cols > .col { width: 11.111111%; }
  .row-s10-cols > .col { width: 10%; }
  .row-s11-cols > .col { width: 9.090909%; }
  .row-s12-cols > .col { width: 8.333333%; }
  .row-s13-cols > .col { width: 7.692308%; }
  .row-s14-cols > .col { width: 7.142857%; }
  .row-s15-cols > .col { width: 6.666667%; }
  .row-s16-cols > .col { width: 6.25%; }
  .row-s17-cols > .col { width: 5.882353%; }
  .row-s18-cols > .col { width: 5.555556%; }
  .row-s19-cols > .col { width: 5.263158%; }
  .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.333333%; }
  .s66, .s67 { width: 66.666667%; }
  .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.333333%; }
  .l-s66, .l-s67 { left: -66.666667%; }
  .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.333333%; }
  .r-s66, .r-s67 { left: 66.666667%; }
  .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.333333%; }
  .row-m4-cols > .col { width: 25%; }
  .row-m5-cols > .col { width: 20%; }
  .row-m6-cols > .col { width: 16.666667%; }
  .row-m7-cols > .col { width: 14.285714%; }
  .row-m8-cols > .col { width: 12.5%; }
  .row-m9-cols > .col { width: 11.111111%; }
  .row-m10-cols > .col { width: 10%; }
  .row-m11-cols > .col { width: 9.090909%; }
  .row-m12-cols > .col { width: 8.333333%; }
  .row-m13-cols > .col { width: 7.692308%; }
  .row-m14-cols > .col { width: 7.142857%; }
  .row-m15-cols > .col { width: 6.666667%; }
  .row-m16-cols > .col { width: 6.25%; }
  .row-m17-cols > .col { width: 5.882353%; }
  .row-m18-cols > .col { width: 5.555556%; }
  .row-m19-cols > .col { width: 5.263158%; }
  .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.333333%; }
  .m66, .m67 { width: 66.666667%; }
  .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.333333%; }
  .l-m66, .l-m67 { left: -66.666667%; }
  .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.333333%; }
  .r-m66, .r-m67 { left: 66.666667%; }
  .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.333333%; }
  .row-l4-cols > .col { width: 25%; }
  .row-l5-cols > .col { width: 20%; }
  .row-l6-cols > .col { width: 16.666667%; }
  .row-l7-cols > .col { width: 14.285714%; }
  .row-l8-cols > .col { width: 12.5%; }
  .row-l9-cols > .col { width: 11.111111%; }
  .row-l10-cols > .col { width: 10%; }
  .row-l11-cols > .col { width: 9.090909%; }
  .row-l12-cols > .col { width: 8.333333%; }
  .row-l13-cols > .col { width: 7.692308%; }
  .row-l14-cols > .col { width: 7.142857%; }
  .row-l15-cols > .col { width: 6.666667%; }
  .row-l16-cols > .col { width: 6.25%; }
  .row-l17-cols > .col { width: 5.882353%; }
  .row-l18-cols > .col { width: 5.555556%; }
  .row-l19-cols > .col { width: 5.263158%; }
  .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.333333%; }
  .l66, .l67 { width: 66.666667%; }
  .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.333333%; }
  .l-l66, .l-l67 { left: -66.666667%; }
  .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.333333%; }
  .r-l66, .r-l67 { left: 66.666667%; }
  .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.333333%; }
  .row-xl4-cols > .col { width: 25%; }
  .row-xl5-cols > .col { width: 20%; }
  .row-xl6-cols > .col { width: 16.666667%; }
  .row-xl7-cols > .col { width: 14.285714%; }
  .row-xl8-cols > .col { width: 12.5%; }
  .row-xl9-cols > .col { width: 11.111111%; }
  .row-xl10-cols > .col { width: 10%; }
  .row-xl11-cols > .col { width: 9.090909%; }
  .row-xl12-cols > .col { width: 8.333333%; }
  .row-xl13-cols > .col { width: 7.692308%; }
  .row-xl14-cols > .col { width: 7.142857%; }
  .row-xl15-cols > .col { width: 6.666667%; }
  .row-xl16-cols > .col { width: 6.25%; }
  .row-xl17-cols > .col { width: 5.882353%; }
  .row-xl18-cols > .col { width: 5.555556%; }
  .row-xl19-cols > .col { width: 5.263158%; }
  .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.333333%; }
  .xl66, .xl67 { width: 66.666667%; }
  .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.333333%; }
  .l-xl66, .l-xl67 { left: -66.666667%; }
  .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.333333%; }
  .r-xl66, .r-xl67 { left: 66.666667%; }
  .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/css/layout-quiz/img/csg-5c03fb893d2f7.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; }

.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, #welcome-browser-wrap address a.credits-tile, .no-touch .credits-tile.color { 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 */