/* --------------------------------------------------------------

    reset

-------------------------------------------------------------- */

html, body, object, iframe,
h1, h2, h3, p,
a,
img, dl, dt, dd, ol, ul, li,
fieldset, form,
article, footer, header, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

article, footer, header, nav, section {
    display: block;
}

:focus {
    outline: 0;
}

ul {
    list-style: none;
}

th {
    text-align: left;
    font-weight: 700;
}

/* --------------------------------------------------------------

    layout

-------------------------------------------------------------- */

html {
    background: #fff;
    color: #4d4d4d;
    overflow-y: scroll;
}
body {
    min-width: 980px;
    line-height: 1.5;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, "Lucida Sans", sans-serif;
    font-size: 62.5%;
}

#container,
.pu {
    position: relative;
    font-size: 1.3em;
    overflow: hidden;
}

#page {
    position: relative;
    margin: 0 auto;
    width: 980px;
    background: #fff;
}

    #content {
        background: #8badd2;
    }

    #header {
        position: relative;
        z-index: 2;
        background: #8badd2 url(https://www.wyspagier.pl/static/speeleiland/images/header_repeater.png?52a0941d50ac) top center repeat-x;
    }

    #article-content {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -490px;
        width: 980px;
        background: #fff;
    }

    #article {
        position: relative;
        padding: 2px 10px 0;
        border-bottom: 8px solid #fff;
        background: #8badd2;
    }

    #article-content,
    #footer {
        height: 295px;
        font-size: 11px;
        text-align: left;
        overflow: hidden;
    }
    #main-content,
    #footer-content {
        margin: 0 0 8px;
        background: #dee8f6;
        overflow: hidden;
    }
/* --------------------------------------------------------------

    typography

-------------------------------------------------------------- */


/* =Headings
-------------------------------------------------------------- */

h1,
h2,
h3,
.s-h,
.f-h,
.tabs {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

h2,
.s-h,
.tabs {
    height: 24px;
    line-height: 24px;
    background: #342c3e;
    font-size: 14px;
    overflow: hidden;
}

.own {
    background: #f37800;
}

h2,
h2 a,
.s-h,
.s-h a,
.tabs,
.tabs a {
    color: #fff;
}

h2,
.s-h,
a.more {
    padding: 0 2px;
}
.h,
.l {
    display: block;
}
.l {
    padding: 0 10px;
    text-align: left;
}

h3,
.f-h {
    margin-bottom: 6px;
    color: #4d4d4d;
    font-size: 13px;
}


/* =Text elements
-------------------------------------------------------------- */

.center {
    text-align: center;
}

a {
    color: #4d4d4d;
    text-decoration: none;
}
a:hover,
a:focus,
a:active,
a.underline,
.btn:hover {
    text-decoration: underline;
}

img {
    display: inline-block;
    overflow: hidden;
}

.inner {
    overflow: hidden;
}

form,
.wrap {
    position: relative;
}


/* =Margins
-------------------------------------------------------------- */

p {
    margin-bottom: 1.6em;
}


/* =Misc classes
-------------------------------------------------------------- */

.show {
    display: block !important;
}
#bernd_the_master,
.hide {
    display: none !important;
    visibility: hidden !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}

/* --------------------------------------------------------------

    forms

-------------------------------------------------------------- */


/* =Form fields
-------------------------------------------------------------- */

input,
button,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
}

input.text,
select,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
    cursor: text;
}

a,
label,
input,
select,
button,
.btn {
    cursor: pointer;
}

option {
    padding: 0;
    background: #fff;
}

input.text {
    width: 292px;
}

.input-wrap input.text {
    width: 200px;
}

.pu-enter-token input.text {
    width: 171px;
}

.pu-fields input.text {
    width: 296px;
}

.pu-form input.text {
    margin-right: 20px;
    width: 300px;
}

.pu-fields-block input.text {
    width: 369px;
}

input.checkbox,
input.radio {
    position: relative;
    top: -1px;
    margin: 0 3px 1px 0;
    padding: 0;
    vertical-align: middle;
}

textarea {
    width: 396px;
    height: 56px;
    overflow: auto;
    font-size: 12px;
    resize: none;
}

.reply-comment-textarea textarea {
    width: 470px;
}

.reply-comment-textarea,
.reply-comment-textarea textarea {
    background: #f7f7f7;
}

.field-wrap-textarea textarea {
    width: 370px;
}
.remove-reason-textarea textarea {
    width: 513px;
    height: 90px;
}
.contact-form input.text,
.contact-form textarea {
    width: 410px;
}

.reply-comment-textarea {
    position: relative;
    clear: both;
    margin: 5px 0;
    border: 1px solid #d0d0d0;
}

.field-wrap {
    float: left;
    padding: 2px 8px;
    border: 1px solid #bcbaba;
    background: #fff;
}

.remove-reason-textarea,
.field-wrap-textarea {
    padding: 8px 8px 6px;
}

.input-wrap {
    padding: 3px 9px;
    border: 1px solid #e5e5e5;
    background: #fff;
}
label.input-wrap {
    padding: 3px 4px;
}

.radio-wrap {
    float: left;
    padding: 5px;
    border: 1px solid #eee;
    overflow: hidden;
}

.pu-signup,
.label {
    font-size: 11px;
}

.errors,
.success {
    font-size: 11px;
    font-weight: 700;
}
.pu .pu-errors,
.errors,
.errors a {
    color: #d00707;
    padding-bottom: 15px;
}
.success,
.success a {
    color: #73991a;
}
.pw-good {
    color: #ffb400;
}
.pw-reasonable {
    color: #f08100;
}
.pw-weak {
    color: #d21616;
}


/* =Definition forms
-------------------------------------------------------------- */

form dl {
    margin: 0 0 9px;
    overflow: hidden;
}
form dt {
    float: left;
    width: 111px;
    overflow: hidden;
}
.pu-form-actions dt {
    width: 124px;
}
.contact-form dt {
    width: 160px;
}
.my-account-form dt {
    width: 208px;
}
form dd {
    padding-left: 9px;
    overflow: hidden;
}

/* --------------------------------------------------------------

    screen;
    @author Hilbrand Edskes <hilbrand.edskes@buyways.nl>
;
-------------------------------------------------------------- */


/* =Header
-------------------------------------------------------------- */

/* Original from the compiled Tuna CSS */
.master_component,
#article:after,
#article-inner:after,
#game-wrap:after,
.group:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
    content: "\0020";
}

.xid_game {
    background: #8badd2 url(https://www.wyspagier.pl/static/speeleiland/images/header_repeater.png?52a0941d50ac) top center repeat-x;
}

.xid_game #bar {
    background: linear-gradient(to right, #f7bb0e, #f7bb0e);
}

.xid_game #bar-inner {
    background: linear-gradient(to right, #ffc700, #ffc700);
}

/*  Legacy header CSS
    Kept here incase non-header elements used the same classes.;
    TODO: Work through this list and remove unnecessary statements.;
*/

#header-inner,
.headerbox-inner {
    background: url(https://www.wyspagier.pl/static/speeleiland/images/nl_NL/header.png?52a0941d50ac) no-repeat;
}

#header-link {
    display: block;
    height: 132px;
    text-indent: -32765px;
}

#header-items {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 980px;
    text-align: left;
}

.avatar {
    position: absolute;
    overflow: hidden;
}

#header .avatar,
.headerbox .avatar {
    top: -88px;
    right: 220px;
    width: 58px;
    height: 73px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/avatar_girl_medium.png?52a0941d50ac) no-repeat;
}
.headerbox .avatar {
    top: 12px;
    right: 206px;
}

.header-dropdowns,
.profile {
    position: absolute;
    right: 9px;
    width: 199px;
    color: #fff;
}

.header-dropdowns {
    top: -109px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.profile {
    top: -74px;
    height: 67px;
    overflow: hidden;
}
.headerbox .profile {
    top: 32px;
    width: 185px;
    text-align: left;
}

.header-dropdown-container {
    position: relative;
    float: left;
    margin-right: 7px;
}
.header-dropdown-countries {
    margin-right: 0;
}
.header-dropdown-follow-us-single {
    margin: 0 0 0 65px;
}
.header-dropdown,
.header-dropdown-items {
    background: #8ccfea;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c6eefb), to(#0070a4));
    background: -webkit-linear-gradient(#c6eefb, #0070a4);
    background: -moz-linear-gradient(#c6eefb, #0070a4);
    background: -o-linear-gradient(#c6eefb, #0070a4);
    background: linear-gradient(#c6eefb, #0070a4);
    -moz-box-shadow: 3px 3px 3px rgba(2, 59, 84, 0.75);
    -khtml-box-shadow: 3px 3px 3px rgba(2, 59, 84, 0.75);
    -webkit-box-shadow: 3px 3px 3px rgba(2, 59, 84, 0.75);
    box-shadow: 3px 3px 3px rgba(2, 59, 84, 0.75);
}
.header-dropdown {
    padding: 2px 2px 0;
    cursor: pointer;
    text-transform: uppercase;
}
.header-dropdown-inner {
    padding: 2px 22px 2px 6px;
    background: #1a91cd;
}

.header-dropdown-arrow {
    position: absolute;
    top: 8px;
    right: 6px;
    border-color: transparent;
    border-top-color: #95cdea;
    border-style: solid;
    border-width: 5px 5px 0;
    line-height: 0;
}
.header-dropdown-container:hover .header-dropdown-arrow,
.header-dropdown-expanded .header-dropdown-arrow {
    border-width: 0 5px 5px;
    border-color: transparent;
    border-bottom-color: #95cdea;
}

.header-dropdowns .header-dropdown-items {
    display: none;
    position: absolute;
    width: 100%;
}
.header-dropdown-container:hover .header-dropdown-items,
.header-dropdown-expanded .header-dropdown-items {
    display: block;
}
.header-dropdown-items-inner {
    padding: 2px;
}
.header-dropdown-items-list {
    padding-top: 28px;
    background: #eee;
}
.header-dropdown-items-list a {
    display: block;
    position: relative;
    padding: 0 3px 2px;
    color: #2f678b;
    text-decoration: none;
    white-space: nowrap;
}
.header-dropdown-items-list a:hover,
.header-dropdown-items-list a:focus,
.header-dropdown-items-list a:active {
    color: #fff;
    text-decoration: none;
}
.multiplayer-players img {
    vertical-align: middle;
}
.header-dropdown-follow-us .social-icon {
    margin-right: 2px;
}

.profile a,
.usermenu-login {
    display: inline-block;
    color: #fff;
}

.header-btn {
    padding: 3px 0;
    font-size: 11px;
}
.header-btn .btn {
    display: inline-block;
    padding: 0 9px 0 5px;
    line-height: 20px;
    text-transform: none;
    white-space: nowrap;
}

.header-username {
    width: 199px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.usermenu {
    padding: 0 1px;
    font-size: 11px;
}

#nav {
    position: relative;
    height: 33px;
    line-height: 1;
    font-size: 1px;
    overflow: hidden;
    margin-bottom: 3px;
    padding: 0 6px;
    background: #668cb0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9fb5cd), to(#668cb0));
    background: -webkit-linear-gradient(#9fb5cd, #668cb0);
    background: -moz-linear-gradient(#9fb5cd, #668cb0);
    background: -o-linear-gradient(#9fb5cd, #668cb0);
    background: linear-gradient(#9fb5cd, #668cb0);
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85;
}

#nav #nav-inner {
    position: relative;
    margin: 0 auto;
    padding: 3px 0 1px;
    width: 968px;
    text-align: justify;
}

#nav #nav-inner:after {
    content: '';
    display: inline-block;
    width: 100%;
}

#nav a {
    display: table-cell;
    display: inline-block;
    position: relative;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    padding: 1px 12px;
    border-top: 1px solid #d2dde9;
    background: #79b;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bfd0e0), to(#5f8fb2));
    background: -webkit-linear-gradient(#bfd0e0, #5f8fb2);
    background: -moz-linear-gradient(#bfd0e0, #5f8fb2);
    background: -o-linear-gradient(#bfd0e0, #5f8fb2);
    background: linear-gradient(#bfd0e0, #5f8fb2);
    color: #276081;
}

#nav a span {
    display: block;
    padding-bottom: 2px;
    color: #ecc900;
    font-size: 9px;
    font-weight: 400;
}

#nav a:hover,
#nav a:focus,
#nav a:active {
    background: #fe6700;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fe6700), to(#ef8000));
    background: -webkit-linear-gradient(#fe6700, #ef8000);
    background: -moz-linear-gradient(#fe6700, #ef8000);
    background: -o-linear-gradient(#fe6700, #ef8000);
    background: linear-gradient(#fe6700, #ef8000);
    border-top-color: #ffb08a;
    color: #fff !important;
}

#nav a:hover span,
#nav a:focus span,
#nav a:active span {
    color: #fff !important;
}

#nav a#active {
    background: #ffce00;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffce00), to(#eeb200));
    background: -webkit-linear-gradient(#ffce00, #eeb200);
    background: -moz-linear-gradient(#ffce00, #eeb200);
    background: -o-linear-gradient(#ffce00, #eeb200);
    background: linear-gradient(#ffce00, #eeb200);
    border-top-color: #ffeaa6;
    color: #db820c;
}

#nav a#active span {
    color: #db820c;
}

#dropdown {
    position: relative;
    padding: 2px 0 6px;
    text-align: left;
    overflow: hidden;
}
#dropdown li {
    position: relative;
    float: left;
    padding-bottom: 1px;
    width: 237px;
    overflow: hidden;
}
#dropdown a {
    display: inline-block;
    padding-left: 21px;
}

#dropdown-l {
    margin: 0 6px;
    padding: 9px;
    border: 1px solid #bfbfbf;
    list-style: none;
    background: #dce2e8;
    font-size: 11px;
    overflow: hidden;
}

.country-flag-wrap,
#dropdown-l,
.key,
.selectBox-arrow,
#game-preroll-skip,
#game-preroll-close {
    position: relative;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.arr {
    position: absolute;
    top: 3px;
    left: 0;
    border: 1px solid #c2c2c2;
    width: 10px;
    height: 10px;
    line-height: 0;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -139px -92px #fff;
    overflow: hidden;
}

#homepage-facebook-wrap {
    margin: 0 0 9px;
    padding: 2px;
    border-bottom: 1px solid #6986a9;
    background: #adbdd4;
}
#homepage-facebook,
#footer-facebook {
    padding: 8px;
    background: #eee;
}
#footer-facebook {
    position: relative;
    background: #dee8f6;
}
#homepage-facebook-inner,
#footer-facebook-inner {
    height: 61px;
    text-align: left;
    overflow: hidden;
}
#homepage-facebook-inner {
    height: 93px;
}
#homepage-facebook-inner .fb-like {
    margin: 0 0 4px;
}


/* =Article
-------------------------------------------------------------- */

#main-content a {
    color: #8badd2;
}
#main-content a:hover,
#main-content a:focus,
#main-content a:active {
    color: #fa6d00;
}
#main-content .row-1 {
    padding: 14px 0;
}
#main-content .row-first {
    padding-left: 10px;
}
#main-content-text {
    float: left;
    width: 725px;
    min-height: 140px;
    background: #ebf0fa;
    overflow: hidden;
}
#main-content-inner {
    padding: 14px 14px 20px;
    overflow: hidden;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-column-rule: 2px outset #fff;
    -moz-column-rule: 2px outset #fff;
    column-rule: 2px outset #fff;
}

#main-content-inner p {
    text-align: left;
}

#article-inner {
    margin: 0 auto;
    width: 960px;
    text-align: left;
}

.rows,
.search-result-content,
.display-options .wrap {
    clear: both;
    overflow: hidden;
}

.rows-highscore-contest {
    padding: 0 0 5px;
}
.rows-highscore-contest .row-2,
.rows-highscore-contest .block {
    width: 453px;
    overflow: hidden;
}
.row-highscore-contest .block {
    margin: 0;
    width: 923px;
}

.row-1-pu-2,
.row-1,
.row-1-search,
.row-1-pu-1,
.row-1-cycle,
.row-2,
.row-2-cycle,
.row-3,
.row-3-search {
    float: left;
    margin-left: 17px;
    overflow: hidden;
}

.row-1-pu-2 {
    margin-left: 93px;
    width: 202px;
}
.pu-person-captcha .row-1-pu-2 {
    padding-top: 52px;
}

.row-1 {
    width: 227px;
}

.row-1-search {
    margin-left: 19px;
    width: 227px;
}

.row-1 .h,
.row-1-search .h {
    width: 223px;
}

.row-1-pu-1 {
    padding-bottom: 12px;
    width: 240px;
}

.row-1-cycle {
    position: relative;
    margin-left: 14px;
    width: 374px;
}
.row-1-cycle-banner {
    padding: 8px 0 11px;
}

.row-2 {
    width: 471px;
}

.row-2-cycle {
    width: 571px;
}

.replies {
    width: 588px;
}

.row-3 {
    width: 715px;
}

.row-3-search {
    margin-left: 11px;
    width: 722px;
}

.row-first {
    clear: both;
    margin-left: 0;
}

.row-search {
    float: left;
    width: 332px;
    text-align: center;
    overflow: hidden;
}

.search-block {
    position: relative;
    z-index: 1;
    margin: 0 0 9px;
    height: 137px;
}

.row-2-block {
    position: relative;
    float: left;
    width: 471px;
}

.row-2-block h2 {
    padding: 0 12px;
}

.block-multiple h3 {
    margin: 6px 0 3px;
    width: 100%;
}

.block-sitemap .rows {
    padding: 14px 0 6px 17px;
}

.block-sitemap .row-1 {
    margin-left: 0;
    width: 208px;
}

.block-sitemap h3 {
    margin: 0 0 0 8px;
    width: 200px;
    line-height: 20px;
    text-align: left;
    text-transform: none;
}

.block-sitemap .side-list {
    padding: 11px 0;
}

.block-sitemap .side-list li {
    padding-bottom: 0;
    line-height: 14px;
    font-size: 11px;
}

.block-sitemap .pu-person-footer {
    right: 0;
    bottom: -3px;
    left: auto;
}

.avatar-creator {
    margin: 0 0 9px;
}
.avatar-creator object {
    display: block;
}

.group {
    overflow: visible;
}

#bar,
#bar-inner,
.signup,
.icon-wrap,
.cursor-container,
.checkbox-container {
    position: relative;
}

#bar {
    z-index: 1;
    padding: 1px 0 5px;
    background: #f5a10d;
    background: -webkit-gradient(linear, 0 0, right 0, from(#f7bb0e), to(#f5a10d));
    background: -webkit-linear-gradient(left, #f7bb0e, #f5a10d);
    background: -moz-linear-gradient(left, #f7bb0e, #f5a10d);
    background: -o-linear-gradient(left, #f7bb0e, #f5a10d);
    background: linear-gradient(to right, #f7bb0e, #f5a10d);
    font-size: 16px;
    text-align: left;
}

#bar-inner {
    padding: 5px 233px 0 12px;
    line-height: 20px;
    color: #342c3e;
}

#bar-inner,
.signup {
    background: #ffa200;
    background: -webkit-gradient(linear, 0 0, right 0, from(#ffc600), to(#ffa200));
    background: -webkit-linear-gradient(left, #ffc600, #ffa200);
    background: -moz-linear-gradient(left, #ffc600, #ffa200);
    background: -o-linear-gradient(left, #ffc600, #ffa200);
    background: linear-gradient(to right, #ffc600, #ffa200);
}

.signup,
a.signup {
    display: inline-block;
    margin: 0 0 5px;
    height: 19px;
    color: #146182;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    vertical-align: bottom;
    overflow: hidden;
}
a.signup:hover .signup-text,
a.signup:focus .signup-text,
a.signup:active .signup-text {
    text-decoration: underline;
}
.signup-text {
    display: inline-block;
    padding: 0 30px 0 9px;
    white-space: nowrap;
}
.signup-arrow {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 15px;
    height: 11px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -97px -223px;
    overflow: hidden;
}

#search-bar {
    position: absolute;
    top: 4px;
    right: 9px;
    width: 248px;
    height: 20px;
    font-size: 12px;
}

#search-box {
    position: relative;
    z-index: 1;
    margin: 0 0 9px;
    padding: 14px 10px 3px 15px;
    border: solid #ff9200;
    border-width: 0 1px 3px;
    background: #ffc600;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffc600), to(#ffa200));
    background: -webkit-linear-gradient(#ffc600, #ffa200);
    background: -moz-linear-gradient(#ffc600, #ffa200);
    background: -o-linear-gradient(#ffc600, #ffa200);
    background: linear-gradient(#ffc600, #ffa200);
}

.search-block #search-box {
    padding-top: 13px;
}

#search-box form {
    height: 36px;
}

.pu-logo-free,
.paginator-search-results,
.search-suggestions,
#search-field,
.btn,
.score,
.icon,
.selectBox-inline {
    position: relative;
    overflow: hidden;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.paginator-search-results,
.search-suggestions,
#search-field {
    position: absolute;
    top: -1px;
    left: 0;
    border: solid #e5e5e5;
    border-width: 2px 1px 1px 2px;
    width: 307px;
    height: 32px;
    background: #fff;
}

#bar .search-suggestions,
#bar #search-field {
    top: 0;
    width: 175px;
    height: 17px;
}

.search-block .search-suggestions,
.search-block #search-field {
    width: 180px;
}

.paginator-search-results {
    top: 9px;
    padding: 0 9px;
    width: auto;
    height: 25px;
    line-height: 26px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

#search {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 14px;
    color: #342c3e;
}

#bar #search {
    top: 1px;
    left: 3px;
    width: 169px;
    font-size: 12px;
}

.search-block #search {
    width: 165px;
}

#search-btn {
    position: absolute;
    top: 0;
}

#reply-btn,
#search-btn,
.pu-bg .btn,
.pu-form .btn,
.btn-submit .btn {
    background: #434;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#554962), to(#362d40));
    background: -webkit-linear-gradient(#554962, #362d40);
    background: -moz-linear-gradient(#554962, #362d40);
    background: -o-linear-gradient(#554962, #362d40);
    background: linear-gradient(#554962, #362d40);
    display: inline-block;
}

#search-box #search-btn {
    right: 10px;
    width: 104px;
    height: 31px;
    line-height: 31px;
    font-size: 16px;
}

#bar #search-btn {
    right: 0;
    width: 66px;
    height: 20px;
}

.search-suggestions {
    display: none;
    padding: 34px 0 3px;
    height: auto !important;
    background: #f1f1f1;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    overflow: hidden;
}

a.suggestion {
    display: block;
    width: 100%;
    height: 23px;
    line-height: 23px;
    color: #342c3e;
    text-decoration: none;
}
a.suggestion:hover,
a.suggestion:focus,
a.suggestion:active {
    background: #e3e2e4;
    text-decoration: none;
}

.suggestion img {
    position: relative;
    top: -1px;
    margin-left: 3px;
    border: 1px solid #bababa;
    vertical-align: middle;
}

#bar .search-suggestions {
    padding-top: 19px;
}

#bar .suggestion {
    height: 18px;
    line-height: 18px;
}

#search-bar img {
    margin-left: 2px;
}

#bar,
.btn {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.btn {
    color: #fff;
    text-align: center;
}

.btn-screenshot object,
.btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#bar-social {
    position: relative;
    padding: 5px 12px;
    background: #9cbee3;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8eb3da), to(#a8c8ea));
    background: -webkit-linear-gradient(#8eb3da, #a8c8ea);
    background: -moz-linear-gradient(#8eb3da, #a8c8ea);
    background: -o-linear-gradient(#8eb3da, #a8c8ea);
    background: linear-gradient(#8eb3da, #a8c8ea);
    line-height: 20px;
    color: #3e7da0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    overflow: hidden;
}

.bar-social-arrow {
    position: absolute;
    top: 0;
    left: 36px;
    border-color: transparent;
    border-top-color: #f6ba0d;
    border-style: solid;
    border-width: 8px 8px 0;
    line-height: 0;
}

#bar-social iframe {
    height: 21px;
}

#breadcrumb {
    margin: 0;
    padding: 0 0 4px 12px;
    font-size: 11px;
    text-align: left;
    overflow: hidden;
}

.xid_package #breadcrumb {
    margin-top: -4px;
}

#breadcrumb,
#breadcrumb a {
    color: #eee;
}

#breadcrumb img {
    position: relative;
    top: -1px;
    margin: 10px 0 0;
}

.rarr {
    font-size: 14px;
}

html > body .rarr {
    position: relative;
    top: -1px;
}

.paginator-search {
    height: 49px;
    overflow: hidden;
}
.paginator-search .paginator {
    padding-right: 130px;
    padding-left: 130px;
}

.paginator {
    padding: 9px;
    font-size: 9px;
    text-align: center;
    overflow: hidden;
}

.paginator-top .paginator {
    margin-top: -4px;
    padding-top: 0;
}

.row-3-messages .paginator {
    padding: 25px 9px 16px;
}

.paginator a,
.paginator .disabled,
.paginator .not-active {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 22px;
    background: #f2f2f2;
    color: #2f2838;
    font-size: 22px;
    overflow: hidden;
}

.pu-box-bg {
    position: relative;
    background: #fff;
}

.pu-box-bg,
.game-icon-block a,
.paginator a,
.paginator .not-active {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#e4e4e4));
    background: -webkit-linear-gradient(white, #e4e4e4);
    background: -moz-linear-gradient(white, #e4e4e4);
    background: -o-linear-gradient(white, #e4e4e4);
    background: linear-gradient(white, #e4e4e4);
    border: 1px solid #d9d8d8;
}

#homepage-facebook-wrap,
#homepage-facebook,
.message-bar-person-c a,
.my-empty-box-inner,
.my-empty-box-content,
.ui-widget-header,
.ui-corner-all,
.pu-box,
.pu-social-connect .pu-box-bg,
.pu-inner-box,
.paginator a,
.paginator .disabled,
.paginator .not-active {
    position: relative;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.paginator a:hover,
.paginator a:focus,
.paginator a:active {
    border-color: #209dcc;
    background: #3199d0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4ba9dc), to(#1c8dc4));
    background: -webkit-linear-gradient(#4ba9dc, #1c8dc4);
    background: -moz-linear-gradient(#4ba9dc, #1c8dc4);
    background: -o-linear-gradient(#4ba9dc, #1c8dc4);
    background: linear-gradient(#4ba9dc, #1c8dc4);
    color: #fff;
    text-decoration: none;
}

.paginator .disabled {
    border: 1px solid #110e15;
    background: #2b2534;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#221d29), to(#342c3e));
    background: -webkit-linear-gradient(#221d29, #342c3e);
    background: -moz-linear-gradient(#221d29, #342c3e);
    background: -o-linear-gradient(#221d29, #342c3e);
    background: linear-gradient(#221d29, #342c3e);
    color: #fff;
}

.paginator strong {
    position: relative;
    top: 1px;
    font-weight: 400;
}

.paginator em {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
}

.xid_package .rank-paginator {
    position: relative;
    min-height: 20px;
    background: #fafafa;
}

.xid_package .rank-paginator .paginator {
    background: #e4e4e4;
    padding: 9px 9px 5px;
}

.xid_package .rank-paginator a,
.xid_package .rank-paginator .disabled {
    border: 0;
    width: 19px;
    height: 19px;
    line-height: 18px;
    background: #342c3e;
    color: #9a969f;
}
.xid_package .rank-paginator a:hover,
.xid_package .rank-paginator a:focus,
.xid_package .rank-paginator a:active,
.xid_package .rank-paginator a.disabled {
    background: #ef8100;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ef8100), to(#fa6d00));
    background: -webkit-linear-gradient(#ef8100, #fa6d00);
    background: -moz-linear-gradient(#ef8100, #fa6d00);
    background: -o-linear-gradient(#ef8100, #fa6d00);
    background: linear-gradient(#ef8100, #fa6d00);
    color: #fff;
}

.xid_package .rank-paginator a,
.xid_package .rank-paginator em,
.xid_package .rank-paginator strong,
.xid_package .rank-paginator .disabled {
    font-size: 11px;
    font-weight: 700;
}
.xid_package .rank-paginator strong {
    top: 0;
    font-size: 15px;
}

.profile-btn .btn {
    background: #ef8100;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ef8100), to(#fa6d00));
    background: -webkit-linear-gradient(#ef8100, #fa6d00);
    background: -moz-linear-gradient(#ef8100, #fa6d00);
    background: -o-linear-gradient(#ef8100, #fa6d00);
    background: linear-gradient(#ef8100, #fa6d00);
    color: #fff;
}

.block {
    position: relative;
    margin-bottom: 9px;
    background: #eee;
    text-align: center;
}

.list {
    padding: 15px 0;
    text-align: left;
}

.list li {
    position: relative;
    left: -4px;
    padding: 0 0 2px 24px;
    line-height: 18px;
    width: 203px;
    cursor: pointer;
}

.list li:hover a,
.side-list li:hover a {
    text-decoration: underline;
}

.header-username,
.block-multiple h3,
.block-sitemap h3,
a.more,
a.suggestion,
.game-info .play-btn,
.list li,
.side-list li,
.username,
.avatar-username,
.highscore-contest-date,
.highscore-contest-game-title,
.stat-content,
.reply-describe,
.mt-step,
.multi-main,
.multi-bomberman-fb-main,
.multi-sub,
.multi-link,
.welcome-email-no,
.addthis_32x32_style,
.h,
.l {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.block h2.new {
    background: #cb0016;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ec011d), to(#ad000e));
    background: -webkit-linear-gradient(#ec011d, #ad000e);
    background: -moz-linear-gradient(#ec011d, #ad000e);
    background: -o-linear-gradient(#ec011d, #ad000e);
    background: linear-gradient(#ec011d, #ad000e);
    padding: 0 32px;
}
h2.new .h {
    width: 163px !important;
}
.list .new,
.new-icon {
    background: url(https://www.wyspagier.pl/static/speeleiland/images/star.png?52a0941d50ac) 0 -65px no-repeat;
}
.new-icon {
    position: absolute;
    top: 5px;
    left: 16px;
    width: 15px;
    height: 15px;
    background-position: 0 -50px;
    overflow: hidden;
}

a.more {
    display: block;
    position: relative;
    border-top: 1px solid #ddd;
    line-height: 22px;
    background: #e5e5e5;
}

a.more:hover {
    text-decoration: none;
    background: #fff;
}

.teaser {
    padding: 5px;
    line-height: 1.3;
    font-size: 11px;
}

.teaser .inner {
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 42px;
}

.text p {
    margin: 0;
    padding: 9px 13px;
    line-height: 1.3;
    font-size: 11px;
    text-align: left;
}

.text p + p {
    padding-top: 0;
}

img.figbox {
    margin-right: 3px;
    vertical-align: middle;
}

.headerbox,
img.figbox,
.figimg {
    padding: 2px;
    border: 1px solid #bababa;
    background: #fff;
}

.figimg {
    position: relative;
    margin: 0 10px 9px 11px;
    line-height: 0;
}
.block-multiple .figimg {
    margin-bottom: 3px;
}

.figimg a {
    display: inline-block;
}

.figimg img {
    display: block;
    line-height: 2;
}

.figcaption {
    display: block;
    position: relative;
    margin: -142px 0 0;
    padding: 142px 0 0;
    height: 21px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/blank.gif?52a0941d50ac);
    color: #342c3f;
    font-size: 12px;
    font-weight: 700;
}

.figoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden;
}
.figoverlay-90 {
    width: 67px;
    line-height: 90px;
    height: 90px;
    font-size: 9px;
}
.figoverlay-123 {
    line-height: 123px;
    height: 123px;
    font-size: 14px;
}

.header-dropdown,
.header-dropdown-inner,
.header-dropdown-items,
.header-dropdown-items-list,
.login-required-box,
.login-required-btn,
.signup,
.vote-message-box,
.cycle-border,
.new-game,
.img-nr,
.figimg .rate,
.game-teaser,
.neutral-btn,
.remove-btn,
.multi-link,
.inset,
.f-item,
.field-wrap,
.input-wrap,
.radio-wrap,
.popup-box,
.pu-social-login,
.selectBox-dropdown {
    position: relative;
    border-radius: 5px;
}

.message-bar-person,
.message-bar-person .btn-close {
    background: url(https://www.wyspagier.pl/static/speeleiland/images/message_bars.png?52a0941d50ac) no-repeat;
}
.message-bar-person {
    position: relative;
    margin: 0 auto 10px;
    height: 50px;
    width: 960px;
    text-align: left;
    overflow: hidden;
}
.message-bar-person .btn-close {
    top: 13px;
    right: 25px;
    width: 27px;
    height: 27px;
    background-position: -908px -13px;
}
.message-bar-person-alert {
    background-position: 0 -306px;
}
.message-bar-person-alert .btn-close {
    background-position: -908px -319px;
}
.message-bar-person-sad {
    background-position: 0 -50px;
}
.message-bar-person-sad .btn-close {
    background-position: -908px -63px;
}
.message-bar-person-neutral {
    background-position: 0 -100px;
}
.message-bar-person-neutral .btn-close {
    background-position: -908px -113px;
}
.message-bar-person-404 {
    height: 105px;
    background-position: 0 -150px;
}
.message-bar-person-empty {
    margin-left: 10px;
    width: auto;
    background-position: 0 -255px;
}
.message-bar-person-box {
    padding: 3px 56px 0 96px;
}
.message-bar-person-404 .message-bar-person-box {
    padding: 0 26px 0 158px;
}
.message-bar-person-empty .message-bar-person-box {
    padding: 3px 24px 0 90px;
}
.message-bar-person-inner,
.message-bar-person-t,
.message-bar-person-h {
    height: 42px;
    overflow: hidden;
}
.message-bar-person-404 .message-bar-person-inner,
.message-bar-person-404 .message-bar-person-t,
.message-bar-person-404 .message-bar-person-h {
    height: 98px;
}
.message-bar-person-c {
    padding: 3px;
    line-height: 18px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
}
.message-bar-person-404 .message-bar-person-c {
    line-height: 24px;
    color: #00a3d8;
    font-size: 16px;
}
.message-bar-person-404-text {
    color: #f08100;
    font-size: 18px;
}

.message-bar-person-c a {
    margin: -2px 0;
    padding: 2px 3px;
    border: 1px solid #667d20;
    line-height: 18px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99bc2e), to(#718e23));
    background: -webkit-linear-gradient(#99bc2e, #718e23);
    background: -moz-linear-gradient(#99bc2e, #718e23);
    background: -o-linear-gradient(#99bc2e, #718e23);
    background: linear-gradient(#99bc2e, #718e23);
    color: #fff;
    white-space: nowrap;
}
.message-bar-person-alert a {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9c00), to(#ff7900));
    background: -webkit-linear-gradient(#ff9c00, #ff7900);
    background: -moz-linear-gradient(#ff9c00, #ff7900);
    background: -o-linear-gradient(#ff9c00, #ff7900);
    background: linear-gradient(#ff9c00, #ff7900);
    border-color: #bd5a01;
}
.message-bar-person-sad a {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e40f11), to(#9f2122));
    background: -webkit-linear-gradient(#e40f11, #9f2122);
    background: -moz-linear-gradient(#e40f11, #9f2122);
    background: -o-linear-gradient(#e40f11, #9f2122);
    background: linear-gradient(#e40f11, #9f2122);
    border-color: #830304;
}
.message-bar-person-neutral a {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#514460), to(#362d40));
    background: -webkit-linear-gradient(#514460, #362d40);
    background: -moz-linear-gradient(#514460, #362d40);
    background: -o-linear-gradient(#514460, #362d40);
    background: linear-gradient(#514460, #362d40);
    border-color: #352c3f;
}

.multi-bar {
    position: relative;
    height: 84px;
    text-align: center;
    overflow: hidden;
}
.multi-bar-bomberman {
    height: 150px;
}
.multi-bar-bomberman-fb {
    height: 130px;
}
.multi-bar-box {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 914px;
    height: 73px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/multi_bar.png?52a0941d50ac);
    color: #fff;
    text-align: left;
    text-decoration: none !important;
    overflow: hidden;
}
.multi-bar-bomberman .multi-bar-box {
    width: 729px;
    height: 139px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/multi_game_exploders_1.png?52a0941d50ac);
    text-align: center;
}
.multi-bar-bomberman-fb .multi-bar-box {
    width: 749px;
    height: 117px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/multi_game_exploders_fb.png?52a0941d50ac);
    text-align: center;
}
.multi-bomberman-fb-main-sub {
    position: absolute;
    top: 44px;
    left: 412px;
    width: 236px;
    height: 68px;
    text-align: center;
    font-size: 13px;
    text-shadow: 0 -2px 1px #000;
    overflow: hidden;
}
.multi-bomberman-fb-main {
    display: block;
    width: 236px;
    font-size: 19px;
}
.multi-bar-box:hover,
.multi-bar-box:focus,
.multi-bar-box:active {
    background-position: 0 bottom;
}
.multi-bar-inner {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 887px;
    height: 63px;
    overflow: hidden;
}
.multi-img {
    display: block;
}
.multi-beta {
    position: absolute;
    left: 195px;
    bottom: 0;
    width: 39px;
    height: 21px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/multi_beta.png?52a0941d50ac);
}
.multi-main-sub {
    position: absolute;
    top: 0;
    left: 258px;
    padding: 2px 0;
}
.multi-main,
.multi-sub {
    display: block;
    width: 523px;
    font-size: 20px;
    text-shadow: 1px -1px 0 #8b6834;
}
.multi-sub {
    padding-top: 2px;
    font-size: 14px;
}
.multi-link {
    position: absolute;
    top: 15px;
    right: 0;
    padding: 4px 7px;
    border: 1px solid #156284;
    background: #00a7dc;
    font-size: 16px;
}
.multi-new,
.multi-skillpoints {
    position: absolute;
    top: 6px;
    left: 499px;
    width: 135px;
    height: 30px;
    line-height: 1.2;
    font-size: 24px;
    text-shadow: 1px -1px 0 rgba(156, 0, 10, .55);
    overflow: hidden;
}
.multi-skillpoints {
    top: 46px;
    left: 442px;
    width: 260px;
    height: 64px;
    text-shadow: 1px 1px 0 #000;
}

.new-game,
.img-nr,
.figimg .rate,
.game-teaser {
    position: absolute;
    padding: 0 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.new-game {
    top: -5px;
    right: -3px;
    line-height: 26px;
    font-family: Arial, Helvetica, sans-serif;
}
.new-game,
.header-btn .btn,
.btn-container .confirm-btn,
.remove-btn {
    background: #ef1111;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ef1111), to(#af0303));
    background: -webkit-linear-gradient(#ef1111, #af0303);
    background: -moz-linear-gradient(#ef1111, #af0303);
    background: -o-linear-gradient(#ef1111, #af0303);
    background: linear-gradient(#ef1111, #af0303);
    text-transform: none;
}

.img-nr {
    top: 96px;
    right: 9px;
    line-height: 22px;
    background: #00a3d8;
}

.figimg .rate {
    top: 10px;
    left: 10px;
    padding: 10px 8px;
    line-height: 20px;
    background: #fff;
    background: rgba(255, 255, 255, .6);
}

.game-teaser {
    padding: 0;
    left: 10px;
    bottom: 10px;
    width: 419px;
    line-height: 30px;
    background: #342b3e;
    background: rgba(52, 43, 62, .8);
    overflow: hidden;
}

.game-teaser .play {
    padding: 8px 8px 8px 16px;
    text-align: left;
}

.game-teaser a {
    float: right;
    margin-left: 3px;
    padding: 0 14px;
}

#article .promo .rate {
    padding: 0 0 8px;
    position: relative;
    text-transform: none;
}
.promo .play {
    position: relative;
    border-bottom: 1px solid #e0dddd;
    padding-top: 0;
}
.bg {
    position: relative;
    background: #f0eeee;
    text-transform: none;
}
.bg-special {
    background: #e3e0e0;
    background: -webkit-gradient(linear, 0 0, 0 30, from(#cbc9c9), to(#e3e0e0));
    background: -webkit-linear-gradient(#cbc9c9, #e3e0e0 30px);
    background: -moz-linear-gradient(#cbc9c9, #e3e0e0 30px);
    background: -o-linear-gradient(#cbc9c9, #e3e0e0 30px);
    background: linear-gradient(#cbc9c9, #e3e0e0 30px);
    text-transform: none;
}

.promo-more-spacer {
    height: 24px;
}
.promo-more {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
}

.rate {
    line-height: 24px;
}

.rating-0,
.rating-1 {
    display: block;
    display: inline-block;
    width: 106px;
    height: 18px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/star.png?52a0941d50ac);
    text-align: left;
    overflow: hidden;
}
.rating-0 {
    position: relative;
    top: -1px;
    margin-right: 8px;
    vertical-align: middle;
}
.rating-1 {
    position: absolute;
    width: 19%;
    background-position: 0 -20px;
}
.rating-2 {
    width: 40%;
}
.rating-3 {
    width: 61%;
}
.rating-4 {
    width: 82%;
}
.rating-5 {
    width: 100%;
}
.voting-yes a {
    background: 0;
}
.voting-yes a:hover,
.voting-yes a:focus,
.voting-yes a:active,
.voting-yes .current {
    background: url(https://www.wyspagier.pl/static/speeleiland/images/star.png?52a0941d50ac) 0 -20px;
}

.game-list-row .rating-0 {
    float: left;
    top: 0;
}

.rating-side .rating-0,
.rating-side .rating-1 {
    width: 54px;
    height: 11px;
    vertical-align: text-bottom;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/stars_small.png?52a0941d50ac);
}
.rating-side .rating-1 {
    background-position: 0 -11px;
}

.score,
.icon {
    padding: 3px;
    border: 1px solid #d0d0d0;
    line-height: 14px;
    vertical-align: middle;
    background: #f9f9f9;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#dcdbdb));
    background: -webkit-linear-gradient(#f9f9f9, #dcdbdb);
    background: -moz-linear-gradient(#f9f9f9, #dcdbdb);
    background: -o-linear-gradient(#f9f9f9, #dcdbdb);
    background: linear-gradient(#f9f9f9, #dcdbdb);
    color: #352c3f;
    font-size: 11px;
    font-weight: 700;
}
.rating-side .score {
    padding: 1px 3px;
    line-height: 13px;
    vertical-align: text-bottom;
    font-size: 9px;
}

.multiplayer-players {
    padding: 3px 4px 4px 24px;
    color: #7a7a7b;
    font-size: 10px;
}
.multiplayer-players-icon {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 16px;
    height: 17px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -304px -158px;
    overflow: hidden;
}

.play {
    padding: 6px 10px 5px 11px;
}
.block-multiple .play {
    padding-bottom: 11px;
}

.beat-highscore {
    padding: 12px 10px 9px 11px;
}

.neutral-btn,
.play-btn,
.remove-btn {
    display: block;
    line-height: 23px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    margin: 2px;
}

.play-btn {
    position: relative;
    border-radius: 5px;
    background: #20a1d7;
}
.play-btn:hover {
    background: #46b5e4;
    text-decoration: none;
}

.header-dropdown-inner,
.header-dropdown-items-list a:hover,
.header-dropdown-items-list a:focus,
.header-dropdown-items-list a:active,
.avatar-option {
    background: #43a7de;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#43a7de), to(#0083c2));
    background: -webkit-linear-gradient(#43a7de, #0083c2);
    background: -moz-linear-gradient(#43a7de, #0083c2);
    background: -o-linear-gradient(#43a7de, #0083c2);
    background: linear-gradient(#43a7de, #0083c2);
}

.category-leaderboard {
    position: relative;
    text-align: center;
    margin: 0 auto 10px;
    padding-top: 8px;
    overflow: visible;
}

.category-leaderboard .banner-ad-text {
    margin-top: 5px;
    text-align: center;
    display: block;
}

.banner-728 {
    min-width: 728px;
}

.banner-468 {
    width: 468px;
}

.banner-ad-text {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    text-transform: lowercase;
}

.game-side-banner-wrap .banner-ad-text {
    padding: 0 5px;
}

#page,
.game-btf, #stage {
    z-index: 2;
}

.xid_game #stage {
    position: relative;
    padding: 0 0 10px;
    min-width: 980px;
    margin: 0 auto;
    border-top: 1px solid #bdd5ef;
    border-bottom: 0;
    background: #a8c8ea;
    transition: .15s;
}

.game-stage {
    position: relative;
    margin: 0 auto;
    min-width: 728px;
}

.game-btf {
    position: relative;
    padding: 0;
    width: 980px;
    margin: 0 auto;
    background: #a8c8ea;
    border-bottom: 10px solid #fff;
}

#game-box {
    padding-top: 10px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

#game-box h1 {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 180px;
    margin-left: -90px;
    display: inline-block;
    z-index: -1;
}

#game-box #game-container {
    position: relative;
    margin: 0 auto;
    overflow: visible;
}

#game-box #game-container #game {
    position: relative;
    overflow: visible;
}

.game-preloading,
.game-during-midroll {
    position: absolute;
    left: -32765px !important;
}

.dock-bottom.game-preloading {
    position: relative;
    left: auto !important;
}

#game embed, #game object, #game iframe {
    width: 100%;
    height: 100%;
}

.game-footer {
    width: 980px;
    margin: 0 auto;
}

.game-footer #footer {
    height: 0;
}

.game-footer #footer #footer-content {
    margin-bottom: 0;
}

.game-footer #main-content-text {
    float: left;
    position: relative;
    width: 100%;
}

.game-footer .row-1 {
    float: left;
    position: relative;
    margin-left: 0;
    padding-left: 17px;
    padding-top: 0;
}

.game-footer .row-1:last-child {
    width: 980px;
    padding: 15px 0;
    background: #fafafa;
}

.game-footer .row-1:last-child:before {
    content: '';
    height: 1px;
    width: 100%;
    clear: both;
}

.game-footer .row-1:last-child .f-h {
    text-align: left;
    margin-left: 10px;
    margin-bottom: 0;
    font-size: .9em;
}

.game-footer .row-1:last-child ul {
    clear: both;
    margin-left: 5px;
}

.game-footer .row-1:last-child ul li {
    display: inline;
    float: left;
    text-align: left;
    padding-right: 5px;
    margin-right: 5px;
}

.game-footer .row-1:last-child ul li:last-child {
    border-right: 0;
}

.game-footer .row-1:last-child ul li a {
    display: inline-block;
    padding: 2px 5px;
    font-size: .85em;
}

.gsl2-rectangles {
    padding-left: 140px;
}

.banner-static-game {
    font-size: 10px;
    line-height: 12px;
    color: 333;
}

.banner-template {
    position: absolute;
    width: 100%;
    z-index: 0;
    top: -1px;
    left: 0;
    right: 0;
    overflow: hidden;
    border-top: 1px solid #bdd5ef;
    background-color: #a8c8ea;
}

.banner-template .ad_sky_lhs {
    float: left;
}

.banner-template .ad_sky_rhs {
    float: right;
}

.banner-template .ad_sky_lhs,
.banner-template .ad_sky_rhs {
    border: 10px solid #a8c8ea;
}

.banner-template .ad_sky_lhs .banner-sky,
.banner-template .ad_sky_rhs .banner-sky {
    width: 160px;
    height: 620px;
    background-color: #fff;
    display: block;
}

.banner-template .ad_sky_rhs .banner-sky {
    float: right;
}

.leader-below-game {
    position: relative;
    z-index: 2;
    width: auto;
    height: 120px;
    margin: 0 auto;
}

.banner-leaderboard {
    width: 728px;
    height: 108px;
    margin: 0 auto;
    text-align: center;
    background: #fff;
}

.banner-leaderboard div {
    text-align: center;
    margin: 0 auto;
}

.dock-bottom {
    display: block;
    position: relative;
    z-index: 1;
    transition: .2s;
    margin: 10px auto;
}

.dock-bottom .game_related-games {
    width: 700px;
}

.game-panel {
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}

.game-panel .highscore {
    height: 90px;
    background: #fff;
    margin: 0 auto;
    width: 720px;
}

.game-panel .highscore #tab-highscores {
    float: left;
    width: 120px;
}

.game-panel .highscore #highscore-list {
    display: block;
    width: 720px;
    background: #fff;
    height: 90px;
}

.game-panel .highscore .rank-bar {
    position: relative;
    height: 20px;
    font-size: 11px;
}

.game-panel .highscore .rank-bar .rank-paginator {
    position: absolute;
    right: 0;
    z-index: 1;
}

.game-panel .highscore .rank-bar .rank-paginator .paginator {
    background: 0 0;
    padding: 2px 5px;
}

.game-panel .highscore .rank-bar .rank-paginator .paginator a,
.game-panel .highscore .rank-bar .rank-paginator .paginator .disabled {
    border: 0;
    width: 19px;
    height: 19px;
    line-height: 18px;
    background: 0 0;
    color: #444;
}

.game-panel .highscore .rank-bar .rank-paginator .paginator a:hover,
.game-panel .highscore .rank-bar .rank-paginator .paginator a:focus,
.game-panel .highscore .rank-bar .rank-paginator .paginator a:active,
.game-panel .highscore .rank-bar .rank-paginator .paginator a.disabled {
    color: #fff;
}

.game-panel .highscore .rank-bar .rank-paginator .paginator a,
.game-panel .highscore .rank-bar .rank-paginator .paginator em,
.game-panel .highscore .rank-bar .rank-paginator .paginator strong,
.game-panel .highscore .rank-bar .rank-paginator .paginator .disabled {
    font-size: 11px;
    font-weight: 700;
}

.game-panel .highscore .rank-bar .rank-paginator .paginator strong {
    top: 0;
    font-size: 15px;
}

.game-panel .highscore .rank-bar .rank-all-highscores {
    display: block;
    width: 20%;
    background: #d57300;
    height: 100%;
}

.game-panel .highscore .rank-bar .rank-all-highscores span {
    display: block;
    padding: 3px 5px;
}

.game-panel .highscore .rank-bar .rank-filter-by {
    width: 80%;
    cursor: default;
}

.game-panel .highscore .rank-bar .rank-filter-by span {
    display: block;
    float: left;
    padding: 3px 5px;
}

.game-panel .highscore .rank-bar .rank-filter {
    display: block;
    float: left;
    width: 400px;
    background: 0;
}

.game-panel .highscore .rank-bar .rank-filter a {
    display: inline-block;
    padding: 3px 5px;
}

.game-panel .highscore .rank-bar .rank-filter a:hover,
.game-panel .highscore .rank-bar .rank-filter a:focus,
.game-panel .highscore .rank-bar .rank-filter a:active,
.game-panel .highscore .rank-bar .rank-filter a.current {
    color: #fff;
    text-decoration: none;
}

.game-panel .highscore .avatar {
    float: left;
    width: 40px;
    height: 40px;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 5px solid #fafafa;
}

.game-panel .highscore .avatar {
    background-image: url(https://www.wyspagier.pl/static/speeleiland/images/avatar_girl_medium.png?52a0941d50ac);
}

.game-panel .highscore .avatar-girl {
    background-image: url(https://www.wyspagier.pl/static/speeleiland/images/avatar_girl_medium.png?52a0941d50ac);
}

.game-panel .highscore .avatar-boy {
    background-image: url(https://www.wyspagier.pl/static/speeleiland/images/avatar_boy_medium.png?52a0941d50ac);
}

.game-panel .highscore .ranking {
    display: block;
    height: 70px;
    width: 20%;
    float: left;
}

.game-panel .highscore .ranking .rank-inner {
    background: #80b0ff;
    width: 100%;
    padding: 0;
    float: left;
    height: 70px;
    overflow: hidden;
}

.game-panel .highscore .ranking .rank-inner .rank-wrap {
    position: absolute;
    overflow: hidden;
    height: 100%;
}

.game-panel .highscore .ranking .rank-inner .rank-wrap .username {
    float: none;
    margin-left: 65px;
    font-size: 14px;
}

.game-panel .highscore .ranking .rank-inner .rank-wrap .target.tooltip {
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background: 0 0;
}

.game-panel .highscore .ranking .rank-inner .rank-stats {
    margin-left: 65px;
    margin-top: 20px;
}

.game-panel .highscore .ranking .rank-inner .rank-stats .stat-content {
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    width: auto;
}

.game-panel .highscore .ranking .rank-inner .rank-stats .stat-content .stat-label {
    color: #f0f0a0;
    display: none;
}

.game-panel .highscore .rank-list ol {
    width: 100%;
    margin: 0;
}

.game-panel .highscore .rank-list ol li {
    float: left;
    display: inline;
    width: 20%;
    margin: 0;
    height: 70px;
}

.game-panel .highscore .rank-list ol li:nth-child(odd) {
    background: #fff;
}

.game-panel .highscore .rank-list ol li:nth-child(even) {
    background: #fafafa;
}

.game-panel .highscore .rank-list ol li .rank {
    display: block;
    margin: 3px auto 0;
    width: 21px;
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    overflow: hidden;
    border-radius: 100%;
    border: 3px solid #e0e0e0;
}

.game-panel .highscore .rank-list ol li div.rank-under-10,
.game-panel .highscore .rank-list ol li div.rank-under-100 {
    font-size: 9px;
    font-weight: 400;
    background-color: #fafafa;
    border-color: #f0f0f0;
    color: #ffa000;
}

.game-panel .highscore .rank-list ol li .rank-name,
.game-panel .highscore .rank-list ol li .points {
    display: block;
    text-align: center;
    margin: 2px auto 0;
    padding: 0 5px;
    white-space: nowrap;
}

.game-panel .highscore .rank-list ol li .rank-name {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
}

.game-panel .highscore .rank-list ol li .points {
    font-size: .9em;
    line-height: .9em;
}

.game-panel .highscore .rank-list ol li.rank-you {
    background: #73c7ea;
}

.game-panel .highscore .rank-list ol li.rank-you .rank {
    border: 3px solid #eaeaea;
}

.game-panel .highscore .rank-list ol li.rank-you .rank-name {
    color: #fff;
}

.game-panel .highscore .rank-list ol li.rank-you .points {
    color: #fafafa;
}

.game-panel .highscore .rank-list-empty {
    background: 0;
    width: auto;
}

.game-panel .highscore .rank-list-empty p {
    text-align: center;
    font-weight: 700;
    color: #ef8100;
    margin: 25px auto 0;
}

.game-panel .highscore #highscore-anonymous {
    height: 90px;
}

.game-panel .highscore #highscore-anonymous .pu-close-icon {
    border-radius: 100%;
    border: 2px solid #fff;
}

.game-panel .highscore #highscore-anonymous .pu-close-icon:hover {
    border-color: #20a1d7;
}

.game-panel .highscore #highscore-anonymous .avatar {
    margin-top: 10px;
}

.game-panel .highscore #highscore-anonymous #rank-table-container {
    float: left;
    width: 180px;
    margin-top: 15px;
    margin-left: 70px;
}

.game-panel .highscore #highscore-anonymous .your-new-score {
    width: 300px;
    margin-top: 20px;
    float: left;
    text-align: center;
}

.game-panel .highscore #highscore-anonymous .your-new-score h2 {
    background: 0;
    margin: 0;
    padding: 0 0 5px;
    height: auto;
    line-height: 1em;
    color: #ef8100;
}

.game-panel .highscore #highscore-anonymous .your-new-score p {
    margin: 0;
    padding: 0 0 5px;
    line-height: 1em;
    color: #000;
}

.game-panel .highscore #highscore-anonymous .your-new-score p a {
    color: #ef8100;
}

.game-panel .highscore #highscore-anonymous .your-new-score p a:hover {
    color: #20a1d7;
}

.game-panel .game_related-games {
    height: 90px;
    margin: 0 auto;
}

.game-panel .game_related-games a {
    display: block;
    position: relative;
    float: left;
    width: 131px;
    height: 75px;
    margin: 8px 10px 7px 0;
    background-size: cover;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 3px;
    overflow: hidden;
}

.game-panel .game_related-games a:last-child {
    margin-right: 0;
}

.game-panel .game_related-games a span {
    position: absolute;
    display: block;
    height: 43px;
    padding-top: 32px;
    text-align: center;
    width: 100%;
    line-height: 1.1em;
    opacity: 0;
    margin-top: 100px;
    z-index: 2;
    color: #fff;
}

.game-panel .game_related-games a span:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: orange;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.game-panel .game_related-games a:hover span {
    margin-top: 0;
    opacity: 1;
}

.game-panel .partner_banner_leaderboard_gamepage {
    display: block;
    position: relative;
    width: 480px;
    height: 72px;
    padding-bottom: 18px;
    padding-left: 19px;
    margin: 0 auto;
}

.game-panel .partner_banner_leaderboard_gamepage a {
    display: block;
    position: absolute;
    text-indent: -9999em;
    width: 100%;
    height: 100%;
    transition: all .12s;
}

.game-panel .partner_banner_leaderboard_gamepage a:hover {
    opacity: .9;
}

.game-panel .partner_banner_leaderboard_gamepage a.partner_nick {
    background: url(https://www.wyspagier.pl/static/speeleiland/images/content/Partner-Nickelodeon-2014.png?52a0941d50ac) center no-repeat;
}

.banner-static-game > div {
    margin-bottom: 3px;
}

.dock-lhs {
    float: left;
}

.dock-rhs {
    float: right;
}

.dock-lhs,
.dock-rhs {
    display: block;
    width: 320px;
}

.dock-lhs .banner-rectangle,
.dock-rhs .banner-rectangle {
    width: 300px;
    margin: 10px;
    height: 270px;
    background: #fff;
}

.dock-lhs .game-panel,
.dock-rhs .game-panel {
    margin: 0 10px;
    height: 61px;
    overflow: hidden;
}

.dock-lhs .game-panel .game_related-games,
.dock-rhs .game-panel .game_related-games {
    height: auto;
}

.dock-lhs .game-panel .game_related-games a,
.dock-rhs .game-panel .game_related-games a {
    display: block;
    position: relative;
    float: left;
    width: 70px;
    height: 61px;
    margin: 0 7px 0 0;
}

.dock-lhs .game-panel .game_related-games a:nth-of-type(1),
.dock-rhs .game-panel .game_related-games a:nth-of-type(1) {
    margin-right: 6px;
}

.dock-lhs .game-panel .game_related-games a:nth-of-type(4),
.dock-rhs .game-panel .game_related-games a:nth-of-type(4) {
    margin-right: 0;
}

.dock-lhs .game-panel .game_related-games a span,
.dock-rhs .game-panel .game_related-games a span {
    height: 34px;
    padding-top: 27px;
    font-size: .8em;
}

#article-description, #imnetworks {
    position: absolute;
    left: -32765px;
    width: 715px;
}

.my-game-btn {
    position: absolute;
    top: 8px;
    right: 8px;
}
.neutral-btn,
.my-game-btn .btn {
    border: solid #eee;
    border-width: 2px 1px 1px 2px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    color: #352c3f;
    text-transform: none;
    overflow: hidden;
}
.neutral-btn {
    font-size: 13px;
}
.my-game-btn .btn {
    float: left;
    font-size: 10px;
    font-weight: 400;
    text-decoration: none;
}
.my-game-btn .btn:hover {
    text-decoration: none;
}
.my-game-heart {
    position: absolute;
    top: 0;
    left: 2px;
    width: 28px;
    height: 28px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -196px -2px;
    overflow: hidden;
}
.my-game-btn-active .my-game-heart {
    background-position: -196px -42px;
}
.figure .my-game-heart {
    top: 60px;
    left: 116px;
}
.my-game-btn-text {
    display: block;
    padding: 0 8px 0 32px;
}
a:hover .my-game-btn-text,
a:focus .my-game-btn-text,
a:active .my-game-btn-text {
    text-decoration: underline;
}

.my-number-of-games {
    padding: 10px 25px;
    overflow: hidden;
}
.my-number-of-games .my-game-btn {
    float: right;
    position: relative;
    top: 0;
    right: 0;
}
.my-number-of-games .my-game-btn .btn {
    padding: 0 7px 0 14px;
    font-size: 14px;
    font-weight: 700;
}
.my-number-of-games .my-game-heart {
    left: 12px;
}

.login-required-wrap {
    text-align: left;
}
.login-required {
    position: relative;
    top: 22px;
    left: 22px;
    width: 870px;
    height: 608px;
}

.login-required-btn {
    border-color: #de9200;
    width: 297px;
    background: #ea0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fec400), to(#d68600));
    background: -webkit-linear-gradient(#fec400, #d68600);
    background: -moz-linear-gradient(#fec400, #d68600);
    background: -o-linear-gradient(#fec400, #d68600);
    background: linear-gradient(#fec400, #d68600);
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 0 #e58f00;
    cursor: pointer;
}

.login-required .pu-side {
    font-size: 11px;
}

.login-required-box {
    border: 1px solid #8aa7c5;
    border-bottom-color: #d5e7f9;
    width: 632px;
    height: 526px;
    background: #7d9fc3;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#799cc0), to(#91b3d7));
    background: -webkit-linear-gradient(#799cc0, #91b3d7);
    background: -moz-linear-gradient(#799cc0, #91b3d7);
    background: -o-linear-gradient(#799cc0, #91b3d7);
    background: linear-gradient(#799cc0, #91b3d7);
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}
.login-required-box,
.login-required-box a {
    color: #fff;
}
.login-required-lock {
    position: absolute;
    top: 16px;
    right: 23px;
    width: 345px;
    height: 420px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/login_required_lock.png);
    overflow: hidden;
}
.login-required-inner {
    position: relative;
    padding: 50px 15px;
}
.login-required-message {
    padding: 0 0 25px;
    line-height: 1.3;
    font-size: 38px;
    text-shadow: 0 4px 1px rgba(0, 0, 0, .26);
}
.login-required-title {
    font-size: 63px;
}
.login-required-img {
    padding: 0 0 30px;
}
.login-required-btn {
    margin: 0 auto 8px;
    width: 338px;
    line-height: 48px;
    font-size: 20px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px rgba(156, 84, 0, .75);
    -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .46);
    -khtml-box-shadow: 0 2px 1px rgba(0, 0, 0, .46);
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .46);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .46);
    text-transform: uppercase;
}
.btn-block a,
.login-required-btn a {
    display: block;
}
.login-required-link {
    font-size: 14px;
    font-weight: 700;
}

.ui-progressbar {
    height: 5px;
    border: 1px solid #6890bb;
    background: #fff;
    text-align: left;
}

.ui-widget-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    background: #ffc600;
}

.persons-in-room {
    padding: 4px 3px 1px 8px;
    color: #7a7a7b;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.persons-in-room-wrap .neutral-btn,
.persons-in-room {
    float: left;
    font-size: 14px;
}

.persons-amount {
    float: left;
    padding: 3px 5px 0;
    line-height: 20px;
}
.persons-member,
.persons-guest {
    position: relative;
    float: left;
    width: 18px;
    height: 21px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -253px -158px;
    overflow: hidden;
}
.persons-guest {
    width: 12px;
    background-position: -234px -158px;
}

#cycle {
    padding: 8px 5px 1px;
    border: 1px solid #342c3e;
    border-top: 0;
    overflow: hidden;
}

#cycle .figimg {
    margin: 0 4px 4px;
}

#cycle #cycle-thumbs {
    height: 280px;
    float: left;
}

#cycle #cycle-thumbs .figure {
    padding: 2px 1px 4px 0;
}

#cycle #cycle-thumbs .figure .figimg {
    cursor: pointer;
}

#cycle #cycle-thumbs .figure .figimg .cycle-border {
    position: absolute;
    top: -3px;
    left: -3px;
    border: 5px solid #f08100;
    visibility: hidden;
}

#cycle #cycle-thumbs .figure .figimg .cycle-border .cycle-inner {
    width: 96px;
    height: 54px;
}

#cycle #cycle-thumbs .figure .figimg .cycle-border .cycle-arrow {
    position: absolute;
    top: 50%;
    right: -11px;
    margin-top: -6px;
    border: 6px solid #eee;
    border-left-color: #f08100;
    border-right: 0;
    line-height: 0;
    overflow: hidden;
}

#cycle #cycle-thumbs .figure.cycle-active .cycle-border {
    visibility: visible;
}

#cycle #cycle-slides {
    float: left;
    position: relative;
    top: 2px;
}

#cycle #cycle-slides .figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 448px;
    height: 274px;
}

.banner-btf-side-rectangle {
    position: relative;
    padding: 25px 30px 15px;
    margin-bottom: 10px;
    width: 300px;
    background: #fafafa;
    text-align: center;
}

.banner-btf-side-rectangle .banner-ad-text {
    width: auto;
    display: block;
    color: #444;
}

.cycle-banner {
    position: relative;
    margin: 0 21px 0 0;
    padding: 10px 0;
    width: 351px;
    background: #ebebeb;
    text-align: center;
}

.cycle-banner .cycle-t {
    margin: 0 auto;
    width: 336px;
    height: 280px;
    display: table;
}

.cycle-banner .cycle-t .cycle-p {
    display: table-cell;
    vertical-align: middle;
}

.cycle-banner .cycle-t .cycle-p .cycle-c {
    line-height: 0;
}

.cycle-banner .cycle-ad {
    position: absolute;
    right: -22px;
    top: 184px;
    width: 22px;
    height: 95px;
    text-indent: -32765px;
    overflow: hidden;
}

.ranking {
    position: relative;
    height: 80px;
    overflow: hidden;
}
.rank-inner {
    padding: 11px 9px 6px 62px;
    font-weight: 700;
    text-align: left;
}

.rank-wrap {
    position: relative;
    height: 27px;
    overflow: hidden;
}

.username,
.target {
    float: left;
    height: 27px;
    line-height: 27px;
}
.username {
    margin-right: 8px;
    max-width: 126px;
    font-size: 16px;
}
.position-table {
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
}
.rank-table th,
.rank-table td,
.position-table th,
.position-table td {
    line-height: 1.2;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
}
.rank-table th,
.rank-table td {
    font-size: 13px;
}
.rank-table-popup th,
.rank-table-popup td {
    max-width: 99px;
    line-height: 1.1;
    text-align: left;
    vertical-align: top;
}
.rank-table-popup th {
    padding-right: 4px;
    font-weight: 400;
}
.rank-table th,
.position-table th {
    padding-right: 16px;
}
.rank-table th,
.rank-table-popup th,
.stat-label {
    color: #20a1d7;
}
.stat-content {
    width: 100%;
    color: #9e9e9e;
}
.target {
    width: 27px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) 0 -75px;
    cursor: pointer;
}

.rank-bar {
    height: 14px;
    line-height: 14px;
    color: #fff;
    font-size: 9px;
    text-align: left;
    overflow: hidden;
}
.rank-all-highscores,
.rank-filter-by {
    float: left;
    position: relative;
}
.rank-all-highscores {
    width: 144px;
    background: #342c3e;
}
.row-1 .rank-all-highscores {
    width: 139px;
}
.rank-filter-by {
    width: 88px;
    background: #f37900;
    cursor: pointer;
}

.xid_package .rank-all-highscores span,
.xid_package .rank-filter-by span {
    display: block;
    padding: 0 6px;
}

.rank-filter-by-arrow {
    position: absolute;
    top: 4px;
    right: 5px;
    border-color: transparent;
    border-top-color: #fff;
    border-style: solid;
    border-width: 5px 5px 0;
    line-height: 0;
}
.rank-filter-by:hover .rank-filter-by-arrow,
.rank-filter-by-expanded .rank-filter-by-arrow {
    border-width: 0 5px 5px;
    border-color: transparent;
    border-bottom-color: #fff;
}

.rank-filter-by-wrap {
    z-index: 1;
    height: 5px;
}
.no-height {
    height: 0;
}
.xid_package .rank-filter-by-dropdown,
.rank-list .rank-filter-by-dropdown {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    height: auto;
    width: 88px;
    text-align: left;
}
.action-dropdown {
    width: 88px;
    text-align: left;
    -moz-box-shadow: 2px 3px 3px #777;
    -khtml-box-shadow: 2px 3px 3px #777;
    -webkit-box-shadow: 2px 3px 3px #777;
    box-shadow: 2px 3px 3px #777;
}
.action-smilies-dropdown {
    width: 300px;
}
.smilies-dropdown {
    border-bottom: 1px solid #d7d5d9;
    padding: 4px 1px 1px 4px;
    text-align: center;
    overflow: hidden;
}
.smilies-dropdown img {
    margin: 0 3px 3px 0;
    vertical-align: middle;
    cursor: pointer;
}
.xid_package .filter-by-dropdown,
.action-dropdown {
    border: 1px solid #d7d5d9;
    border-bottom: 0;
    background: #fff;
    font-size: 10px;
}
.xid_package .filter-by-dropdown a,
.action-dropdown a {
    display: block !important;
    margin: 0 !important;
    padding: 0 4px;
    border-bottom: 1px solid #d7d5d9;
    line-height: 16px;
    color: #9e9e9e;
    font-weight: 400 !important;
    overflow: hidden;
}
.action-dropdown a {
    line-height: 18px;
    color: #5d5d5d;
}
.mobile-teaser strong,
.pu-login,
.xid_package .filter-by-dropdown a:hover,
.xid_package .filter-by-dropdown a:focus,
.xid_package .filter-by-dropdown a:active,
.action-dropdown a:hover,
.action-dropdown a:focus,
.action-dropdown a:active {
    color: #f08100 !important;
}

.persons-in-room-wrap,
.reply-form-elements,
.side-lists,
.pu-social-connect-password,
.message-actions .play,
.pu-my-games-list li,
.my-game-legend,
.pu-connected,
.rank-list,
.keys {
    overflow: hidden;
}

.highscore-list-inner {
    position: relative;
    list-style: none;
    height: 285px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
}
.highscore-list-inner .rank-list-empty-content {
    margin: 42px 33px;
    padding: 7px;
    border: 1px solid #838383;
    background: #fdf3d1;
}
.highscore-list-inner .rank-list a,
.highscore-list-inner .rank-name {
    display: inline-block;
    margin: 1px 0 0 30px;
    font-weight: 700;
    white-space: nowrap;
}
.highscore-list-inner .rank-name {
    margin: 8px 0 0 30px;
}
.highscore-list-inner .points {
    margin-left: 30px;
    color: #9e9e9e;
    font-size: 11px;
    line-height: .8;
    white-space: nowrap;
}
.position-list-inner {
    position: relative;
    list-style: none;
    font-size: 13px;
    text-align: left;
}

.banner-size,
.banner-wrap,
.cycle-wrap,
.game-icons,
.welcome-img,
.rank-list li,
.position-list li {
    position: relative;
    overflow: hidden;
}

.highscore-list-inner li {
    height: 57px;
    background: #fff;
}
.highscore-list-inner .odd {
    background: #eee;
}
.position-list li,
.position-name {
    height: 41px;
    line-height: 38px;
}

.position-list .cancel-btn {
    position: absolute;
    top: 13px;
    right: 13px;
}
.position-list .figure {
    position: absolute;
    top: 5px;
    left: 6px;
}
.position-list .figimg {
    margin: 0;
}
.position-name {
    display: block;
    padding: 0 48px;
}

.position-placeholder {
    padding: 20px;
    text-align: left;
}

.highscore-list-inner .points {
    padding-top: 2px;
    color: #342c3f;
}

.highscore-list-inner .points-when {
    line-height: 1.5;
    color: #7d7d7d;
}

.multiplayer-1-on-1-icon,
.multiplayer-team-icon {
    float: left;
    margin: 4px 7px 0 0;
    width: 30px;
    height: 21px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -245px -193px;
    overflow: hidden;
    cursor: pointer;
}
.multiplayer-team-icon {
    margin-top: 3px;
    height: 24px;
    background-position: -245px -215px;
}

.rank-info {
    position: absolute;
    top: 9px;
    right: 12px;
    width: 17px;
    height: 18px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -68px -80px;
    overflow: hidden;
    cursor: pointer;
}

.xid_package .rank {
    position: absolute;
    top: 9px;
    left: 6px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    overflow: hidden;
}

.position-list .rank {
    top: 11px;
    right: 16px;
    left: auto;
}

.neutral-btn .rank-info,
.neutral-btn .rank {
    top: 5px;
    right: 0;
    left: auto;
}

.rank-10-plus {
    width: auto;
    padding: 0 6px;
}

.paginator-100-plus,
.rank-100-plus {
    width: auto !important;
    padding: 0 3px;
}

.highscore-btn {
    position: relative;
    background: #ffc500;
    text-align: center;
    border-radius: 2px;
    margin: 5px 0 0 30px;
    padding: 4px 8px;
    color: #000;
}

.rank {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    display: inline-block;
    position: relative;
    border-radius: 100%;
}

div.rank-1 {
    background: red;
}

div.rank-2 {
    background: #ff6000;
}

div.rank-3 {
    background: #ffa000;
}

.rank-you .rank {
    background: #f59329;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5a349), to(#f58103));
    background: -webkit-linear-gradient(#f5a349, #f58103);
    background: -moz-linear-gradient(#f5a349, #f58103);
    background: -o-linear-gradient(#f5a349, #f58103);
    background: linear-gradient(#f5a349, #f58103);
    text-transform: none;
}

.xid_package .rank-list .rank-you,
.position-list .rank-you {
    background: #fce7a3;
}

.xid_package .rank-you .points,
.controls {
    color: #ef8100;
    font-weight: 700;
}

.controls {
    font-size: 14px;
    text-align: left;
    padding: 9px 14px 0;
}

.key,
.key-img {
    position: relative;
    float: left;
    overflow: hidden;
}
.key {
    margin: 0 0 4px;
    width: 20px;
    height: 20px;
    border: 1px solid #352c3f;
    background: #fff;
    color: #352c3f;
    font-size: 10px;
}
.key-inner {
    padding: 0 3px;
}
.key-text {
    width: auto !important;
}
.key-text .key-inner {
    padding: 0 6px 0 5px;
}

.keys {
    position: relative;
    clear: both;
    float: left;
    padding-bottom: 3px;
}
.keys .key {
    margin: 0 3px 0 0;
}

.key-up,
.key-right,
.key-down,
.key-left {
    position: absolute;
    top: 4px;
    left: 4px;
    border: solid #fff;
    line-height: 0;
}
.key-up {
    border-width: 0 4px 4px;
    border-bottom-color: #352c3f;
}
.key-right {
    border-width: 4px 0 4px 4px;
    border-left-color: #352c3f;
}
.key-down {
    top: 6px;
    border-width: 4px 4px 0;
    border-top-color: #352c3f;
}
.key-left {
    border-width: 4px 4px 4px 0;
    border-right-color: #352c3f;
}

.key-img {
    margin: 0 5px 0 0;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -123px -92px;
}
.key-and {
    margin: 5px 0;
    width: 14px;
    height: 12px;
}
.key-shift {
    margin: 3px 25px 0 2px;
    width: 11px;
    height: 14px;
    background-position: -124px -76px;
}
.key-tab {
    margin: 1px 22px 0 2px;
    width: 14px;
    height: 16px;
    background-position: -135px -76px;
}
.key-backspace {
    margin: 8px 3px 0 21px;
    width: 14px;
    height: 10px;
    background-position: -148px -76px;
}
.key-enter {
    width: 30px;
    height: 27px;
    background-position: -88px -76px;
}
.key-lmc,
.key-mmc,
.key-rm {
    width: 23px;
    height: 35px;
    background-position: -28px -148px;
}
.key-mmc {
    background-position: -52px -148px;
}
.key-rmc {
    width: 23px;
    height: 30px;
    background-position: -2px -148px;
}
.key-rm {
    background-position: -78px -148px;
}
.key-mm,
.key-lcd,
.key-rcd {
    width: 45px;
    height: 41px;
}
.key-mm {
    background-position: -66px -106px;
}
.key-lcd {
    background-position: -111px -106px;
}
.key-rcd {
    background-position: -157px -106px;
}
.key-webcam {
    width: 33px;
    height: 39px;
    background-position: -203px -106px;
}

.key-plus {
    float: left;
    padding: 0 9px;
    line-height: 21px;
    color: #000;
    font-size: 18px;
}

.key-plus .key-range {
    margin: 6px 0;
    height: 8px;
}

.key-plus .key-or {
    width: 8px;
}

.key-def {
    clear: both;
}

.row-2-game {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 590px;
    float: left;
    margin-left: 0;
    overflow: hidden;
}

.row-2-game h2,
.row-2-game .s-h,
.row-2-game .f-h,
.row-2-game p {
    padding: 0 13px;
    text-align: left;
}
.row-2-game p {
    margin: 0 0 6px;
    line-height: 1.3;
}
.row-2-game .f-h {
    font-size: 14px;
    text-transform: none;
}
.row-2-game .h {
    width: 562px;
}
.row-2-game .banner {
    padding: 20px 0 0;
}
.row-1-game {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    float: left;
    margin-left: 10px;
    overflow: hidden;
    width: 360px;
}
.row-1-game h2,
.row-1-game p,
.row-1-game .f-h {
    padding: 0 13px;
    text-align: left;
}
.row-1-game p {
    margin: 0 0 6px;
    line-height: 1.3;
}
.row-1-game .f-h {
    font-size: 14px;
    text-transform: none;
}
.game-description {
    padding: 4px 0 8px;
}
.game-rules {
    padding: 12px 0 8px;
}

.s-intro,
.s-facebook,
.s-twitter,
.s-g-plusone {
    float: left;
    width: 154px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.s-intro {
    padding-right: 50px;
    width: auto;
}
.s-g-plusone {
    width: auto;
    max-width: 154px;
}

.game-vote-share {
    padding: 13px;
    overflow: hidden;
}

.game-vote {
    float: left;
    width: 290px;
}

.game-vote-message {
    padding: 9px 13px;
    color: #73991a;
    font-weight: 700;
    text-align: left;
}

.game-vote-share .figure {
    float: left;
    margin-left: 42px;
}
.game-icon-block {
    float: left;
    border: 1px solid #d0cfcf;
    line-height: 52px;
}
.game-icon-block a {
    display: block;
    position: relative;
    border: 0;
    width: 195px;
    color: #918e97;
    font-size: 14px;
    font-weight: 700;
}
.game-icon-block-last a {
    width: 194px;
}
.game-icon-block a:hover,
.game-icon-block a:focus,
.game-icon-block a:active {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#cdcdcd));
    background: -webkit-linear-gradient(#fefefe, #cdcdcd);
    background: -moz-linear-gradient(#fefefe, #cdcdcd);
    background: -o-linear-gradient(#fefefe, #cdcdcd);
    background: linear-gradient(#fefefe, #cdcdcd);
    color: #56515f;
}
.icon {
    float: left;
}
.game-icon-block .game-icon {
    position: absolute;
    top: 11px;
    left: 11px;
}
.pu-icon,
.game-icon {
    display: block;
    width: 30px;
    height: 31px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) no-repeat;
    overflow: hidden;
}
.game-share,
.game-embed {
    border-right: 0;
}
.game-share .game-icon {
    background-position: 2px 0;
}
.game-share-icon,
.game-share a:hover .game-icon,
.game-share a:focus .game-icon,
.game-share a:active .game-icon {
    background-position: 2px -40px;
}
.game-bug .game-icon {
    background-position: -30px 0;
}
.game-bug-icon,
.game-bug a:hover .game-icon,
.game-bug a:focus .game-icon,
.game-bug a:active .game-icon {
    background-position: -30px -40px;
}
.game-embed .game-icon {
    background-position: -64px 0;
}
.game-embed-icon,
.game-embed a:hover .game-icon,
.game-embed a:focus .game-icon,
.game-embed a:active .game-icon {
    background-position: -64px -40px;
}
.game-text {
    display: block;
    padding: 0 9px 0 50px;
    text-align: left;
    white-space: nowrap;
}

.inset,
.inset-none {
    padding: 11px 13px 9px;
    color: #8b8b8b;
    text-align: left;
    overflow: hidden;
}

.inset {
    padding: 10px 12px 8px;
    border: 1px solid #cdcdcd;
    border-right-color: #e8e7e7;
    border-bottom-color: #e8e7e7;
    background: #f7f7f7;
    -moz-box-shadow: inset 1px 2px 3px #cdcdcd;
    -khtml-box-shadow: inset 1px 2px 3px #cdcdcd;
    -webkit-box-shadow: inset 1px 2px 3px #cdcdcd;
    box-shadow: inset 1px 2px 3px #cdcdcd;
}

.inset .score {
    color: #21a1d8;
}

.game-vote-label {
    display: inline-block;
    width: 80px;
}

.replies-header,
.replies {
    text-align: left;
    overflow: hidden;
}

.replies-header,
.game-side-inner .replies {
    padding: 9px;
    border-bottom: 1px solid #dadadb;
    width: auto;
}
.replies-header {
    font-weight: 700;
}

.filter {
    position: relative;
    padding: 12px 8px;
    overflow: hidden;
}
.filter .inset {
    float: left;
    padding: 8px 8px 5px;
    color: #352c3f;
}
.inset em {
    color: #747576;
}
.f-item,
.f-icon {
    display: table-cell;
    display: inline-block;
    cursor: pointer;
}
.f-item {
    margin: 0 2px;
    padding: 0 3px;
    height: 22px;
    line-height: 22px;
}
.f-item:hover,
.f-current {
    text-decoration: underline;
}
.f-item-empty,
.f-item-empty:hover {
    text-decoration: none;
    cursor: auto;
}
.f-active {
    position: relative;
    background: #f98507;
    color: #fff;
}

.filter-messages {
    font-size: 11px;
}
.filter-messages .inset {
    padding: 4px 8px 1px;
}
.filter-messages .f-item,
.filter-messages .f-icon {
    height: 27px;
    line-height: 27px;
}
.f-icon {
    position: relative;
    float: left;
    margin: 0 2px 0 0;
    width: 30px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -240px -76px;
    vertical-align: middle;
    overflow: hidden;
}
.row-2 .message-icon-send,
.f-icon-send {
    background-position: -240px -103px;
}
.row-2 .message-icon-received,
.f-icon-received {
    background-position: -240px -130px;
}

.action-filter {
    padding: 6px 0 5px 11px;
    font-size: 14px;
}
.action-filter .f-item {
    padding: 0;
    height: 16px;
    line-height: 16px;
}
.f-item .action-icon {
    margin: 0 2px 0 0;
}
.action-filter-wrap {
    padding: 8px 0;
    overflow: hidden;
}
.action-filter-text {
    float: left;
    padding: 0 15px 0 0;
    line-height: 36px;
}
.action-filter-wrap .action-filter {
    float: left;
    padding: 0;
}

.message-icon {
    position: absolute;
    top: 36px;
    left: 9px;
    width: 38px;
    height: 37px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -135px -204px;
    overflow: hidden;
}
.row-2 .message-icon {
    top: 22px;
    width: 30px;
    height: 27px;
}
.message-icon-received {
    background-position: -173px -204px;
}
.message-icon-move {
    top: 42px;
    left: 11px;
    width: 27px;
    height: 29px;
    background-position: -214px -193px;
    cursor: pointer;
}
.message-icon-move,
.not-active,
.selectBox-disabled .selectBox-arrow,
#search-wait {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
}
.inactive {
    -moz-opacity: .2;
    -khtml-opacity: .2;
    opacity: .2;
}

#search-wait {
    position: absolute;
    background: #8badd2;
}

.filter-title {
    padding: 26px 15px 9px;
    color: #352c3f;
    font-weight: 700;
    text-transform: uppercase;
}
.filter-title .action-item {
    margin-right: 6px;
    cursor: auto;
}

.vote-message {
    padding: 7px;
}
.vote-message-box {
    padding: 4px 8px;
    border: 1px solid #ed7f1c;
    background: #fefaf6;
    color: #ed7f1c;
    overflow: hidden;
}
.vote-success .vote-message-box {
    border-color: #749825;
    background: #f7fbed;
    color: #749825;
}

.reply {
    position: relative;
    margin: 0 0 8px;
    border: solid #d1d1d1;
    border-width: 1px 0;
    overflow: hidden;
}
.reply-inner {
    padding: 14px 14px 14px 80px;
    background: #fff;
    overflow: hidden;
}
.reply-nested .reply {
    border: 1px solid #87c7e2;
}
.reply-nested .reply-inner {
    padding: 11px 84px 11px 75px;
    background: #e8f5fb;
}
.reply-nested .load-all-replies {
    display: block;
    padding-left: 200px;
}
a.load-all-replies:hover,
a.load-all-replies:focus,
a.load-all-replies:active {
    text-decoration: underline;
}
.load-all-replies .action-item {
    margin-right: 6px;
}
.load-all-replies-text {
    float: left;
    white-space: nowrap;
}

.reply-nested {
    position: relative;
    padding: 0 21px;
}

.reply p {
    padding: 0;
}
.reply-nested p {
    margin: 0;
}

.reply .cancel-btn {
    position: absolute;
    top: 11px;
    right: 11px;
}
.reply-removed .cancel-btn {
    background: url(https://www.wyspagier.pl/static/speeleiland/images/undo.png?52a0941d50ac) no-repeat;
}

.reply-removed {
    font-style: italic;
}

.popup .avatar,
.reply .avatar,
.pu-box-social-connect-user .avatar {
    top: 14px;
    left: 12px;
    width: 58px;
    height: 73px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/avatar_girl_medium.png?52a0941d50ac) no-repeat;
}
.reply-nested .avatar {
    top: 7px;
    left: 20px;
    width: 38px;
    height: 49px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/avatar_girl_small.png?52a0941d50ac) no-repeat;
}
.popup .avatar-boy,
.reply .avatar-boy,
.pu-box-social-connect-user .avatar-boy  {
    background-image: url(https://www.wyspagier.pl/static/speeleiland/images/avatar_boy_medium.png?52a0941d50ac);
}
.reply-nested .avatar-boy {
    background-image: url(https://www.wyspagier.pl/static/speeleiland/images/avatar_boy_small.png?52a0941d50ac);
}

.popup .avatar-wrap {
    padding: 15px;
}
.popup .avatar {
    position: relative;
    top: 0;
    left: 0;
}

.reply-icon {
    position: absolute;
    top: 14px;
    right: 42px;
    width: 93px;
    height: 91px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) 0 -241px;
    overflow: hidden;
}

.reply-thumbs-up {
    background-position: -93px -241px;
}

.reply-thumbs-down {
    background-position: -186px -241px;
}

.actions {
    position: absolute;
    right: 0;
    bottom: 9px;
    padding: 3px 5px 1px;
    border: 2px solid #dedfdf;
    border-right: 0;
    background: #fff;
    font-size: 10px;
    font-weight: 700;
    overflow: hidden;
    -moz-border-radius: 7px 0 0 7px;
    -khtml-border-top-left-radius: 7px;
    -khtml-border-bottom-left-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-radius: 7px 0 0 7px;
    -moz-box-shadow: 0 3px 3px #d2d2d2;
    -khtml-box-shadow: 0 3px 3px #d2d2d2;
    -webkit-box-shadow: 0 3px 3px #d2d2d2;
    box-shadow: 0 3px 3px #d2d2d2;
}

.actions-text, #remove-reason-label {
    font-weight: 400;
}
#remove-reason-label {
    top: 1px;
}

.action-item,
.action-text,
.action-icon {
    float: left;
    height: 18px;
    line-height: 14px;
    overflow: hidden;
}

.action-item {
    padding: 0 0 0 3px;
    cursor: pointer;
}
.action-item:hover .action-text {
    text-decoration: underline;
}

.action-icon {
    margin: 0 0 0 3px;
    width: 16px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -162px -76px;
}
.action-thumbs-up .action-icon {
    background-position: -177px -76px;
}
.action-thumbs-down .action-icon {
    background-position: -192px -76px;
}
.action-not-ok .action-icon {
    background-position: -207px -76px;
}

.loader {
    float: left;
    width: 36px;
    height: 18px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/loader.gif?52a0941d50ac) center no-repeat;
}
.btn-submit .loader {
    width: 92px;
    height: 26px;
}
.filter .loader {
    height: 37px;
}
.rank-list .loader,
#search-field .loader {
    position: absolute;
    top: 7px;
    right: 0;
}
#bar .loader {
    top: 0;
    width: 18px;
}
.game-vote .loader {
    float: right;
    margin-top: 1px;
}

.reply-important {
    background: #fdf3d1;
}

.reply-meta,
.meta {
    color: #8b8b8b;
}
.reply-meta {
    margin: 0 0 3px;
}
.reply-meta a,
.reply-user {
    color: #ff7800;
    font-weight: 700;
}
.meta-tags {
    margin: 0 0 8px;
}
.meta {
    font-size: 10px;
}
.tag {
    color: #00a4d8;
}

.reply-nested-textarea,
.reply-comment-textarea {
    position: relative;
    padding: 11px;
}

.reply-to-textarea {
    position: relative;
    float: left;
    padding: 8px 22px 8px 8px;
    border: 1px solid #d1d1d1;
    background: #fff;
}
.reply-to-side {
    position: relative;
    float: left;
    margin-left: 17px;
    width: 70px;
    text-align: center;
}

.icon-smiley {
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
}

.chars-to-left-container {
    padding: 6px 0 8px;
}

.chars-to-left {
    border: 1px solid #87c7e2;
    line-height: 25px;
    background: #fff;
    color: #352c3f;
}

.reply-to-btn {
    border: 1px solid #f58000;
    background: #f8901f;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fa9a31), to(#f58101));
    background: -webkit-linear-gradient(#fa9a31, #f58101);
    background: -moz-linear-gradient(#fa9a31, #f58101);
    background: -o-linear-gradient(#fa9a31, #f58101);
    background: linear-gradient(#fa9a31, #f58101);
    line-height: 25px;
    font-size: 11px;
}

#reply-comment-form {
    padding: 6px 42px 30px;
    overflow: hidden;
}

#chars-left {
    float: right;
}

.reply-form-elements .radio-wrap {
    margin: 5px 0;
}

.reply-form-rating .radio-wrap {
    float: left;
    padding: 8px;
}
.reply-form-rating .rating-0 {
    margin-right: 0;
}

.reply-form-element {
    padding: 9px 0;
}
.reply-form-element .loader {
    position: absolute;
    top: 14px;
    right: -39px;
}

#reply-checkboxes {
    padding: 9px 1px 12px;
    font-size: 11px;
    overflow: hidden;
}
.radio-wrap #reply-checkboxes {
    padding: 0 0 0 2px;
}

.reply-describe {
    float: left;
    width: 100px;
}
.radio-wrap .reply-describe {
    width: 98px;
}

.reply-warning {
    padding: 8px 0 9px 32px;
}

.mail-wrap,
.mail-wrap .pu-bg {
    position: relative;
    color: #4d4d4d;
}
.mail-text {
    padding: 0 22px;
    line-height: 2;
    font-size: 12px;
    font-weight: 700;
}
.form-element-wrap {
    position: relative;
    padding-bottom: 9px;
    overflow: hidden;
}
.pu-subtitle-block,
.mail-title,
.mail-option {
    position: relative;
    padding-bottom: 9px;
}
.mail-options,
.mail-options .pu-bg,
div.mail-options label {
    display: block;
    font-size: 14px;
}
.mail-title,
.mail-options label {
    padding-left: 37px;
}
.mail-columns {
    padding: 14px 0 9px 10px;
    overflow: hidden;
}
.mail-column-1,
.mail-column-2 {
    float: left;
    padding: 0;
    width: 292px;
}
.mail-column-2 {
    width: 250px;
}
.mail-title {
    font-weight: 700;
}
.mail-note {
    display: block;
    font-size: 11px;
}

.mail-settings-form {
    padding-top: 14px;
}
.mail-settings-form .mail-text {
    padding-bottom: 14px;
}
.mail-settings-form .mail-columns {
    padding: 28px 9px 22px 44px;
}
.mail-settings-form .mail-title,
.mail-settings-form .mail-option {
    padding-bottom: 18px;
}
.mail-settings-form .mail-column-1 {
    width: 358px;
}
.mail-settings-form .pu-bg {
    padding: 15px 36px 9px 44px;
}
.mail-settings-form .mail-note {
    padding-top: 9px;
}
.mail-settings-btn {
    margin-top: 12px;
}

.icon-error,
.icon-v,
.icon-banned {
    position: absolute;
    top: 6px;
    left: 2px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -32px -185px;
    width: 20px;
    height: 20px;
    overflow: hidden;
}
.icon-v {
    width: 16px;
    background-position: -55px -185px;
}
.icon-banned {
    left: 0;
    width: 24px;
    height: 24px;
    background-position: -311px -121px;
}
.field-wrap .icon-error,
.field-wrap .icon-v,
.icon-wrap .icon-error,
.icon-wrap .icon-v,
.input-wrap .icon-error,
.input-wrap .icon-v {
    top: 2px;
    right: 5px;
    left: auto;
}
.icon-wrap .icon-v,
.input-wrap .icon-v {
    top: 5px;
}
.reply-comment-textarea  .icon-error {
    top: 55px;
}
.reply-comment-textarea  .icon-v {
    top: 58px;
}
.date_of_birth .icon-error,
.date_of_birth .icon-v,
.checkbox-container .icon-error,
.checkbox-container .icon-v {
    right: auto;
    left: 270px;
}
.reply-form-rating .icon-error {
    position: relative;
    top: 15px;
    left: 9px;
    float: left;
}
.header-btn .icon-error {
    position: relative;
    top: 2px;
    left: 0;
    float: left;
    margin-right: 9px;
    width: 16px;
    height: 15px;
    background-position: -321px -158px;
}

.date_of_birth {
    padding: 3px 0;
    white-space: nowrap;
}
.my-account-form .date_of_birth {
    width: 309px;
}
.input-content {
    padding-left: 10px;
}
.my-account-note {
    margin: 0 0 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
}
.choose-gender {
    padding: 9px 0;
    overflow: hidden;
}
.field-container {
    position: relative;
    padding: 0;
    overflow: hidden;
}
.field-container .icon-v {
    top: 5px;
}
.choose-gender .radio {
    float: left;
    margin-top: 48px;
}
.choose-gender .pu-box-bg {
    float: left;
    margin: 0 4px 0 0;
    width: 58px;
    height: 58px;
}
.choose-gender .icon-error,
.choose-gender .icon-v {
    float: left;
    position: relative;
    right: 0;
    margin: 40px 0 0;
}
.gender {
    position: absolute;
    top: 8px;
    left: 19px;
    width: 19px;
    height: 42px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -192px -150px;
}
.girl .gender {
    background-position: -212px -150px;
}

.remove-account {
    padding: 20px 20px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    overflow: hidden;
}
.remove-account-text {
    float: left;
    width: 245px;
    padding: 24px 0 9px;
    line-height: 24px;
}
.remove-account-btn {
    float: right;
}
.remove-account-img {
    position: relative;
    float: left;
    margin: 0 0 8px;
    width: 168px;
    height: 56px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/social.png?52a0941d50ac) 0 -220px;
    overflow: hidden;
}
.remove-account-btn .new-game {
    clear: both;
    float: left;
    position: relative;
    top: auto;
    right: auto;
    white-space: nowrap;
}

.welcome-a,
.welcome-a img,
.mobile-teaser {
    display: block;
    position: relative;
    margin: 0 auto;
    text-decoration: none !important;
    overflow: hidden;
}

.mobile-teaser {
    margin: 0 0 9px;
    height: 511px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/mobile_teaser.jpg?52a0941d50ac);
}
.mobile-teaser .pu-logo {
    position: absolute;
    top: 115px;
    left: 46px;
}
.welcome-email-check,
.welcome-email-no,
.mt-text,
.mt-talk {
    position: absolute;
    line-height: 1.3;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}
.mt-text {
    top: 171px;
    left: 54px;
    width: 250px;
    height: 262px;
    color: #156181;
    font-size: 21px;
}
.mt-play {
    display: block;
    padding-top: 20px;
    width: 220px;
    font-size: 18px;
}
.mt-talk {
    top: 107px;
    right: 29px;
    width: 215px;
    height: 101px;
    color: #00a4d9;
    font-size: 14px;
}
.mt-steps {
    display: block;
    margin-bottom: 8px;
    height: 36px;
    font-weight: 700;
    overflow: hidden;
}
.mt-step {
    display: block;
    width: 100%;
}

.welcome-save-highscore,
.welcome-save-games,
.welcome-connect-facebook {
    position: absolute;
    line-height: 1.3;
    color: #352c3f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    text-shadow:
     -1px -1px 1px #fff,
      1px -1px 1px #fff,
      -1px 1px 1px #fff,
       1px 1px 1px #fff,
     -2px -2px 1px #fff,
      2px -2px 1px #fff,
      -2px 2px 1px #fff,
       2px 2px 1px #fff,
     -3px -3px 2px #fff,
      3px -3px 2px #fff,
      -3px 3px 2px #fff,
       3px 3px 2px #fff,
     -4px -4px 3px #fff,
      4px -4px 3px #fff,
      -4px 4px 3px #fff,
       4px 4px 3px #fff,
     -5px -5px 4px #fff,
      5px -5px 4px #fff,
      -5px 5px 4px #fff,
       5px 5px 4px #fff,
      -4px 5px 5px #000;
}
.welcome-save-highscore {
    top: 132px;
    left: 50px;
    width: 148px;
    -webkit-transform: rotate(-10deg) translateY(-11px);
    -moz-transform: rotate(-10deg) translateY(-11px);
    -ms-transform: rotate(-10deg) translateY(-11px);
    -o-transform: rotate(-10deg) translateY(-11px);
    transform: rotate(-10deg) translateY(-11px);
}
.welcome-save-games {
    top: 215px;
    left: 149px;
    width: 227px;
}
.welcome-connect-facebook {
    top: 176px;
    left: 380px;
    width: 194px;
}
.welcome-wrap {
    position: absolute;
    text-align: center;
    color: #fff;
}
.welcome-wrap .play-btn {
    display: inline;
    display: inline-block;
    padding: 9px 25px;
    line-height: 16px;
}
.welcome-wrap:focus .play-btn,
.welcome-wrap:active .play-btn,
.welcome-wrap .play-btn:hover {
    text-decoration: underline;
}
.welcome-inbox {
    top: 58px;
    left: 136px;
    width: 401px;
}
.welcome-avatar {
    top: 60px;
    right: 9px;
    width: 297px;
}
.welcome-profile {
    top: 58px;
    left: 196px;
    width: 377px;
    text-align: left;
}
.welcome-highscore {
    top: 38px;
    left: 127px;
    width: 380px;
}
.welcome-email-check {
    top: 49px;
    left: 202px;
    width: 258px;
    height: 56px;
    color: #148eca;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.welcome-email-no {
    top: 114px;
    left: 140px;
    max-width: 412px;
    color: #352c3f;
    font-size: 12px;
    font-style: italic;
}
.my-empty-box {
    padding: 8px 6px;
}
.my-empty-box-inner {
    border: 1px solid #cccbcb;
}
.my-empty-box-content {
    min-height: 208px;
    overflow: hidden;
}
.my-empty-box .message-category {
    width: 63px;
}
.my-empty-box .message-content-first {
    padding: 9px 0 0;
}
.my-empty-box .message-content {
    padding-left: 0;
}
.my-empty-box .message-content-game .message-text {
    width: 274px;
}
.my-empty-box .message-game-title {
    margin: 0 0 3px;
    color: #352c3f;
}
.my-empty-box .message-icon-move,
.my-empty-box .rank-info,
.my-empty-box .f-item,
.my-empty-box .f-icon {
    cursor: default;
    text-decoration: none;
}
.person-empty {
    position: absolute;
    right: 88px;
    bottom: 1px;
    width: 209px;
    height: 189px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/person_empty.png?52a0941d50ac) no-repeat;
}
.person-empty-game {
    right: 30px;
}
.my-empty-block {
    padding: 27px 6px 13px;
}
.my-empty-text {
    padding-left: 228px;
    height: 123px;
    line-height: 123px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/my_sub_logo_empty.png?52a0941d50ac) 7px no-repeat #e1e0e0;
    color: #57505f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    overflow: hidden;
}
.my-empty-avatar {
    background-image: url(https://www.wyspagier.pl/static/speeleiland/images/my_sub_avatar_empty.png?52a0941d50ac);
    background-position: 17px;
}

.checkbox-label {
    padding: 0 75px 0 30px;
}
.checkbox-container .checkbox,
.mail-option .checkbox {
    position: absolute;
    top: 2px;
    left: 0;
}
.mail-option .checkbox {
    left: 12px;
    top: 4px;
}

#reply-btn {
    line-height: 27px;
    font-size: 14px;
    padding: 2px 5px;
}

.block-side h2 {
    background: #f58000;
}

.block-img,
.block-img img {
    display: block;
}
.banner-above-game a {
    text-decoration: none !important;
}

.ranking-icon {
    float: left;
    padding: 4px 2px 2px;
}

.ranking-icon-1,
.ranking-icon-2,
.ranking-icon-3 {
    float: left;
    margin: 7px 0 0;
    width: 16px;
    height: 11px;
    line-height: 11px;
    background: #f7c187;
    color: #f58000;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
}

.ranking-icon-1 {
    margin: 0;
    height: 18px;
}

.game-list {
    background: #eee;
    overflow: hidden;
}
.game-list-row {
    margin: 0 0 9px;
    padding: 23px 0;
}

.game-list-inner {
    position: relative;
    width: 100%;
    height: 632px;
    overflow: auto;
}

.game-list .block {
    margin: 0;
    padding: 5px 5px 7px 171px;
    text-align: left;
    overflow: hidden;
}

.game-list .block:hover {
    background: #fff;
}

.game-list .figure {
    position: absolute;
    top: 5px;
    left: 0;
    overflow: hidden;
}

.game-list-side .figimg {
    margin: 3px 7px;
}

.game-info .game-info-header,
.game-info-header .h,
.game-info .teaser {
    padding: 0;
    background: 0;
    color: #4d4d4d;
}

.game-info {
    height: 94px;
}
.game-info-header {
    z-index: 1;
    height: 12px;
    line-height: 1;
    font-size: 12px;
    overflow: visible;
}
.game-info-header .h:hover,
.game-info-header .h:focus,
.game-info-header .h:active {
    color: #20a1d8;
}
.game-info-header .h {
    position: relative;
    margin: 0 0 -84px -160px;
    padding: 0 0 84px 160px;
    width: 164px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/blank.gif?52a0941d50ac);
}

.game-info .play {
    position: relative;
    clear: both;
    padding: 5px 0 0;
}

.game-info .play-btn {
    line-height: 19px;
}

.more-heart {
    display: none;
    display: inline-block;
    position: relative;
    margin: 0 6px -5px 0;
    width: 20px;
    height: 19px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -214px -222px;
    overflow: hidden;
}

.action-dropdown {
    display: none;
    position: absolute;
    z-index: 2;
}

#overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999998;
    background: #000;
    left: 0;
    -moz-opacity: .63;
    -khtml-opacity: .63;
    opacity: .63;
}

.message-bar-person-t {
    display: table;
}

.message-bar-person-p {
    display: table-cell;
    vertical-align: middle;
}

.banner-wrap {
    line-height: 0;
}

.cycle-c div,
.banner div,
.cycle-banner-wrap,
.block-img img {
    margin: 0 auto;
}

.banner,
.game-side-banner-wrap,
.block-img {
    margin: 0 0 9px;
    text-align: center;
}
.game-side-banner-wrap .cycle-banner {
    margin: 0;
    width: auto;
}
.cycle-banner-wrap {
    position: relative;
    padding-bottom: 9px;
    width: 374px;
}

.icon-side {
    position: absolute;
    top: 0;
    left: 6px;
    width: 16px;
    height: 16px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -73px -185px;
    overflow: hidden;
}

.icon-medal {
    background-position: -90px -185px;
}
.icon-photo {
    background-position: -107px -185px;
}
.icon-reply {
    background-position: -124px -185px;
}
.icon-comment {
    background-position: -141px -185px;
}
.icon-avatar {
    background-position: -158px -185px;
}

.icon-service {
    background-position: -278px 0;
}
.icon-checkbox-checked {
    background-position: -278px -30px;
}
.icon-envelope {
    background-position: -278px -60px;
}
.icon-lock {
    background-position: -278px -90px;
}
.icon-key {
    background-position: -278px -120px;
}
.icon-dices {
    background-position: -308px 0;
}
.icon-jaludo {
    background-position: -308px -30px;
}
.icon-cookie {
    background-position: -308px -60px;
}
.icon-stats {
    background-position: -308px -90px;
}

.help-check {
    margin: 0 auto 5px;
    width: 80px;
    height: 64px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -278px -268px;
    overflow: hidden;
}
.help-check-v {
    background-position: -278px -202px;
}

.button-get {
    display: block;
    margin: 0 auto 3px;
    width: 158px;
    height: 40px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -340px 0;
    overflow: hidden;
}
.button-java {
    background-position: -340px -40px;
}
.button-shockwave {
    background-position: -340px -80px;
}
.button-javascript {
    background-position: -340px -120px;
}

#submit-with-fixed-height {
    padding-top: 100px;
}

.figbox-container dt {
    line-height: 36px;
}
#bug-screenshot {
    margin: 0 3px 0 0;
}
.file-preview {
    display: inline-block;
}
.headerbox {
    font-family: Verdana, Geneva, sans-serif;
    overflow: hidden;
}
.addthis_32x32_style {
    float: left;
    margin: 0 0 16px;
    width: 125px;
    height: 32px;
    line-height: 32px;
    color: #342c3e;
    font-size: 11px;
    text-decoration: none;
    cursor: pointer;
}
.addthis_32x32_style .at300bs,
.addthis_32x32_style .at15t {
    float: left;
    margin-right: 6px;
}
.url-icon {
    position: absolute;
    top: 4px;
    left: 8px;
    width: 13px;
    height: 14px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -149px -86px;
    overflow: hidden;
}
.game-url {
    margin-left: 25px;
    width: 426px;
}
.avatar-current .new-game,
.btn-action .btn {
    background: #84a534;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8faf3c), to(#789b2b));
    background: -webkit-linear-gradient(#8faf3c, #789b2b);
    background: -moz-linear-gradient(#8faf3c, #789b2b);
    background: -o-linear-gradient(#8faf3c, #789b2b);
    background: linear-gradient(#8faf3c, #789b2b);
    overflow: hidden;
}
.btn-bg .btn-submit-inline-multiple,
.btn-container {
    position: relative;
    padding: 15px 0 5px;
    overflow: hidden;
}
.pu-form-actions .btn-container {
    padding-top: 0;
}
.btn-container .btn,
.profile-btn .btn {
    padding: 0 16px;
    line-height: 26px;
    font-size: 14px;
}
.profile-btn .btn {
    display: inline-block;
}
.btn-container .btn {
    float: right;
}
.pu-footer-white-hats .btn-container .btn {
    float: none;
}
.btn-real {
    position: absolute;
    top: 0;
    right: 0;
}
.btn-fake {
    visibility: hidden;
}
.btn-much-text .btn {
    padding: 0 9px;
    font-size: 13px;
}
.btn-lot-of-text .btn {
    padding: 0 9px;
    font-size: 10px;
}
.btn-screenshot {
    padding: 0;
}
.btn-screenshot .btn {
    float: left;
    margin: 2px 8px 0 0;
}
.btn-submit {
    padding: 9px 0 6px;
}
.btn-block a {
    padding: 6px;
}
.my-account-form .btn-submit {
    padding: 0;
}
.btn-submit-inline .btn {
    float: left;
}
.btn-submit-inline-multiple {
    padding: 16px 0 16px 42px;
}
.pu-signup .btn-submit {
    padding: 0 0 5px 30px;
}
.btn-submit-inline-multiple .btn {
    margin-right: 7px;
}
.btn-submit-inline-multiple .btn-last {
    margin-right: 0;
}
.pu-fields .btn-submit-overlay {
    color: #c4c2c7;
    cursor: wait;
}
.pu-embed {
    padding: 0 6px 6px;
}
.embed-code-container {
    max-height: 99px;
    overflow: auto;
}
.field-wrap-embed {
    float: none;
    padding: 4px 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    word-wrap: break-word;
}
.embed-copy {
    padding: 6px 4px 0 6px;
    line-height: 22px;
    color: #73991a;
    font-weight: 700;
}
.embed-dimensions {
    padding: 9px;
    line-height: 26px;
    color: #4c4d4d;
    text-transform: uppercase;
    overflow: hidden;
}
#dimensions-width,
#dimensions-height {
    margin: 0 6px;
    width: 64px;
    height: 23px;
    line-height: 23px;
    border: 1px solid #bcbaba;
    font-size: 14px;
    text-align: center;
}
.social-icons a {
    display: inline-block;
}
#recaptcha_image img {
    border: 1px solid #d0cfcf;
}
#js-captcha-reload {
    color: #000;
    font-style: italic;
}

#contact-captcha {
    height: 59px;
    overflow: hidden;
}

.reply-figure .figure {
    position: absolute;
    top: 10px;
    left: 8px;
}
.reply-figure .figimg {
    margin: 0;
}

.reply-figure .reply-inner {
    padding: 14px 14px 14px 170px;
    color: #353535;
}

.reply-avatar-inner {
    min-height: 73px;
}
.reply-nested .reply-avatar-inner {
    min-height: 42px;
}
.reply-figure-inner {
    min-height: 86px;
}
.reply-icon-inner {
    min-height: 91px;
}

.box-full {
    position: relative;
    height: 161px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/box_stars.png?52a0941d50ac) no-repeat;
    overflow: hidden;
}
.box-highscores {
    background: url(https://www.wyspagier.pl/static/speeleiland/images/box_highscores.png?52a0941d50ac) no-repeat;
}
.box-full-box {
    padding: 58px 50px 0 480px;
}
.box-full-inner {
    height: 77px;
    background: #fff;
    overflow: hidden;
}
.box-full-title {
    color: #f08100;
    font-size: 14px;
    font-weight: 700;
}
.box-full-text {
    color: #8d8d8d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    overflow: hidden;
}

.search-list-title {
    padding: 5px 14px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
}
.search-advanced .list {
    padding: 4px 0 9px;
    font-size: 11px;
}
.search-advanced .bg {
    padding-top: 15px;
}

.search-info-box {
    height: 58px;
    overflow: hidden;
}
.search-info-block {
    padding: 9px 12px;
}
.search-info {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}
.search-info-box .search-info {
    padding: 8px 2px 0;
    line-height: 1.3;
    font-size: 12px;
}
.search-info a,
.search-custom {
    color: #342c3e;
}

.display-options .block {
    margin: 0;
}
.display-options .bg {
    padding-top: 9px;
}
.display-option,
.display-action {
    float: left;
    width: 155px;
    height: 36px;
    line-height: 36px;
    color: #342c3e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
}
.display-action {
    text-align: right;
}
.display-action label {
    line-height: 21px;
}
.display-label {
    padding-left: 28px;
}
.display-as {
    float: right;
}
.display-as-list,
.display-as-blocks {
    position: relative;
    top: 9px;
    margin: 0 3px 0 0;
    float: left;
    width: 15px;
    height: 15px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -55px -207px;
    overflow: hidden;
    cursor: pointer;
}
.display-as-blocks {
    background-position: -70px -207px;
}
.display-as-list:hover,
.display-as-list:focus,
.display-as-list:active,
.display-as-list-active {
    background-position: -55px -222px;
}
.display-as-blocks:hover,
.display-as-blocks:focus,
.display-as-blocks:active,
.display-as-blocks-active {
    background-position: -70px -222px;
}

#game-box .banner,
.banner-above-game,
.block-text {
    text-align: left;
}
.block-text h2 {
    padding: 0 12px;
}

.search-result-content {
    position: relative;
    padding-top: 7px;
}
.search-figure,
.search-result-play {
    float: left;
}
.search-result-text-rating {
    float: left;
    padding-top: 9px;
    width: 310px;
}
.search-result-text {
    margin-bottom: 4px;
    height: 84px;
    line-height: 1.3;
    color: #4d4d4d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    overflow: hidden;
}
.search-result-play {
    padding-top: 82px;
    max-width: 185px;
}
.search-result-play .play-btn {
    padding: 0 14px;
}
.row-3-search-blocks {
    padding-top: 7px;
}

.search-dropdown-bar {
    padding: 5px 0 17px;
    font-size: 12px;
    overflow: hidden;
}
.search-dropdown-bar strong {
    position: relative;
    margin: 0 7px 0 11px;
    color: #342c3e;
}

.footer-texts {
    line-height: 1.8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}
.footer-texts a,
.pu-footer a {
    color: #00a3d8;
}
.btn-block,
.footer-text {
    padding: 9px;
}
.footer-texts .bg {
    padding: 20px 9px 9px;
}
.footer-texts .person-footer-block {
    padding-right: 86px;
}
.footer-texts ol {
    padding-left: 45px;
    list-style: lower-alpha;
}
.pu-white-hats ul {
    margin-bottom: 1.6em;
    padding-left: 45px;
    list-style: disc;
}
.pu-white-hats ul ul {
    padding-left: 18px;
    list-style: circle;
}
.pu-white-hats li,
.footer-texts li {
    padding-left: 18px;
}

.contact-form {
    text-align: left;
}
.contact-form fieldset {
    padding: 22px 0 0 16px;
}
.contact-form .btn-submit {
    padding: 0 102px 19px;
}

.inline-avatar {
    padding: 12px 0 5px;
}
.inline-avatar-wrap {
    display: block;
    display: inline-block;
    overflow: hidden;
}
.inline-avatar-edit {
    display: none;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 21px;
    height: 21px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -298px -177px;
    cursor: pointer;
    overflow: hidden;
}
.inline-avatar:hover .inline-avatar-edit,
.inline-avatar-hover .inline-avatar-edit {
    display: block;
}

.my-profile-btn {
    padding: 0 0 6px;
}

.change-profile-btn {
    padding: 9px 12px 4px;
    text-align: right;
    overflow: hidden;
}

.personal-info {
    padding: 3px 8px;
    text-align: left;
    overflow: hidden;
}
.personal-info th,
.personal-info td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.personal-info th {
    width: 205px;
}

.h-multiple {
    padding: 0;
}
.h-multiple .h {
    width: auto;
}
.h-position {
    position: relative;
    float: right;
    padding: 0 12px;
    background: #fa922d;
}

.row-menu {
    text-align: left;
    line-height: 30px;
}
.row-menu a {
    display: block;
    padding: 0 10px;
}
.menu-intent {
    padding-left: 20px;
}

.message-content {
    position: relative;
    padding: 20px 0 5px 4px;
    font-size: 12px;
    overflow: hidden;
}
.row-2 .message-content {
    padding: 4px 0 3px 4px;
}
.row-2 .bg .message-content {
    padding-top: 16px;
}
.message-figure,
.message-figure .figure,
.message-text,
.message-category,
.message-actions,
.message-buttons,
.message-move,
.my-game-remove,
.my-game-title,
.my-game-played,
.my-game-move {
    position: relative;
    float: left;
    overflow: hidden;
}
.message-figure {
    margin: 0 4px 0 0;
    width: 91px;
    height: 90px;
    text-align: center;
}
.row-2 .message-figure {
    margin-top: 15px;
    width: 58px;
    height: 74px;
}
.message-figure .figimg {
    margin-bottom: 0;
}
.message-figure .avatar {
    position: relative;
    margin: 0 auto;
    width: 58px;
    height: 73px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/avatar_girl_medium.png?52a0941d50ac) no-repeat;
}
.row-2 .message-figure .avatar {
    width: 38px;
    height: 49px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/avatar_girl_small.png?52a0941d50ac) no-repeat;
}
.message-text {
    padding-bottom: 2px;
    width: 435px;
}
.row-2 .message-text {
    padding-top: 14px;
    width: 273px;
    text-align: left;
}
.message-category {
    width: 60px;
    height: 90px;
}
.row-2 .message-category {
    width: 41px;
    height: 74px;
}
.message-actions {
    width: 115px;
    text-align: center;
}
.row-2 .message-actions {
    text-align: left;
    width: 89px;
}
.message-buttons {
    width: 160px;
    height: 115px;
}
.message-buttons-rank {
    width: 194px;
}
.message-move {
    width: 40px;
    height: 90px;
}

.message-link,
.message-subject a {
    color: #00a4d8;
}
.message-body {
    margin-bottom: 4px;
}
.message-text .meta {
    padding-top: 4px;
}
.message-when {
    margin-bottom: 4px;
}
.row-2 .message-when {
    font-size: 11px;
}
.row-2 .message-actions .play {
    padding: 0;
}
.row-2 .message-actions .play-btn {
    font-size: 13px;
    margin: 0;
}
.message-actions .play-btn {
    float: left;
    line-height: 24px;
    padding: 0 12px;
}
.message-game-title {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.message-game-title a {
    color: #352c3f;
}
.message-meta {
    margin: 0 0 9px;
    color: #4c4d4d;
    font-weight: 700;
}
.message-button {
    position: relative;
    padding: 0 0 10px;
}
.neutral-btn-inner {
    position: relative;
    margin: 0 7px 0 9px;
    text-align: left;
    overflow: hidden;
}

.message-content-avatar,
.message-content-game {
    padding-left: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.message-content-avatar .figure {
    padding-left: 6px;
}
.message-content-avatar .message-figure {
    width: 130px;
    height: 100px;
}
.message-content-avatar .message-text {
    padding-top: 9px;
    width: 408px;
}
.message-content-game .message-figure {
    width: 227px;
    height: 138px;
}
.message-content-game .message-text {
    width: 278px;
}

.my-game-legend-wrap {
    border-bottom: 1px solid #d6d6d6;
}
.my-game-legend-wrap .bg {
    padding: 12px 0 0;
}
.my-game-remove,
.my-game-title,
.my-game-played,
.my-game-move {
    height: 36px;
    line-height: 36px;
}
.my-game-remove {
    width: 42px;
}
.my-game-title {
    width: 210px;
}
.my-game-played {
    margin-right: 110px;
    width: 95px;
    text-align: right;
}
.my-game-legend .my-game-played {
    margin-right: 0;
    width: 132px;
    text-align: center;
}
.my-game-move {
    width: 20px;
    text-align: center;
}
.my-game-legend .my-game-move {
    width: 160px;
}
.my-game-move-icon {
    position: absolute;
    top: 8px;
    left: 0;
    width: 20px;
    height: 21px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -113px -207px;
    cursor: pointer;
    overflow: hidden;
}
.my-game-remove .cancel-btn {
    position: absolute;
    top: 11px;
    right: 15px;
}

.avatar-figures {
    padding-left: 26px;
    overflow: hidden;
}
.avatar-figures .figure {
    float: left;
    padding: 19px 9px 9px 17px;
    overflow: hidden;
}
.avatar-figures .figimg {
    margin: 0;
}
.avatar-figures .new-game {
    font-weight: 700;
}
.avatar-info {
    font-size: 10px;
}
.avatar-current .figimg {
    border-color: #86a735;
    background: #86a735;
}
.avatar-selected .figimg {
    border-color: #00a4d8;
    background: #00a4d8;
}
.avatar-options {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background: #00a4d8;
}
.avatar-option,
.avatar-options .cancel-btn {
    top: auto;
    bottom: 4px;
    line-height: 17px;
}
.avatar-option-choose {
    right: auto;
    left: 5px;
    padding: 0 10px;
}
.avatar-option-edit {
    right: auto;
    left: 84px;
    padding: 3px 8px;
}
.avatar-options .cancel-btn {
    position: absolute;
    right: 5px;
}

.avatar-edit {
    float: left;
    width: 11px;
    height: 11px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -113px -229px;
    cursor: pointer;
    overflow: hidden;
}

.avatars {
    padding: 7px 0 12px;
    text-align: center;
    overflow: hidden;
}
.avatar-wrap {
    position: relative;
    float: left;
    margin-left: 24px;
    width: 131px;
    overflow: hidden;
}
.avatar-inner {
    margin: 0 7px;
    padding: 2px;
    border: 1px solid #c0c4c5;
    background: #fff;
}
.avatar-inner img {
    display: block;
}
.avatar-username {
    width: 131px;
    font-size: 14px;
    font-weight: 700;
}

.cancel-btn {
    width: 14px;
    height: 15px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -86px -207px;
    cursor: pointer;
    overflow: hidden;
}

.row-social-connect {
    padding: 0 0 3px;
}
.row-social-connect .bg {
    padding-top: 16px;
}
.social-connect-text,
.social-connect-wrap {
    position: relative;
    padding: 9px 14px;
}
.pu-connect .social-connect-wrap {
    padding-top: 9px;
    text-align: center;
}
.social-connect-side .social-connect-wrap {
    float: left;
    padding: 0;
}
.social-connect-side .btn {
    margin-top: 18px;
}
.social-connect-text {
    padding-right: 6px;
    color: #352c3f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}
.social-disconnect,
.social-logo,
.social-arrows {
    position: absolute;
    top: 12px;
    left: 88px;
    width: 28px;
    height: 31px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/social.png?52a0941d50ac) -169px -221px no-repeat;
    overflow: hidden;
}
.social-logo {
    top: 6px;
    left: 8px;
    width: 75px;
    height: 41px;
    background-position: right -577px;
}
.social-arrows {
    top: 7px;
    left: 35px;
    width: 19px;
    height: 11px;
    background-position: -170px -514px;
}
.remove-account-img .social-logo {
    top: 11px;
    left: 12px;
}
.social-connect-person .social-logo {
    top: 3px;
    left: 12px;
}
.social-connect-person-inactive .social-logo {
    background-position: right -620px;
}
.social-connected .social-logo {
    width: 52px;
    height: 29px;
    background-position: 0 -630px;
}
.social-connect {
    position: relative;
    margin: 0 auto;
    width: 198px;
    height: 55px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/social.png?52a0941d50ac);
    cursor: pointer;
    overflow: hidden;
}
.social-connected {
    position: relative;
    float: left;
    width: 84px;
    height: 29px;
    overflow: hidden;
}
.social-connect-person {
    width: 168px;
    height: 44px;
}
.social-connect-person .social-disconnect {
    top: 9px;
    left: 81px;
}
.social-connect-twitter {
    background-position: 0 -110px;
}
.social-connect-person-inactive {
    background-position: 0 -276px;
}
.social-connect-person-active {
    background-position: 0 -320px;
}

.message-bar-person-h,
.rank-paginator .not-active,
.home .teaser-empty,
#recaptcha_challenge_field_holder,
.btn-submit-overlay input,
.game-vote-message-label,
.hreview-aggregate,
#header-avatar-inner,
.logged-in-no #header-avatar-inner img,
.profile-logged-in,
.profile-logged-in-no {
    display: none;
}

.logged-in #header-avatar-inner {
    background: 0;
}

.logged-in #header-avatar-inner,
.logged-in-no #header-avatar-inner,
.logged-in .profile-logged-in,
.logged-in-no .profile-logged-in-no {
    display: block;
}

.social-connected-text {
    padding: 6px 0 10px;
}
.cursor-pointer {
    position: absolute;
    top: 4px;
    left: 0;
    width: 21px;
    height: 28px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -275px -174px;
    cursor: none;
    overflow: hidden;
}
.social-icon,
.s-icon {
    width: 17px;
    height: 16px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/social.png?52a0941d50ac);
    vertical-align: middle;
    overflow: hidden;
}
.s-icon {
    float: left;
    margin: 0 9px 0 0;
}
.social-connected .s-icon {
    position: absolute;
    top: 6px;
    left: 60px;
    margin: 0;
}
.t-facebook {
    color: #4e6fac;
}
.social-icon-facebook,
.t-facebook .s-icon {
    background-position: -170px -253px;
}
.t-facebook .social-connect {
    background-position: 0 -366px;
}
.t-twitter {
    color: #4fbdde;
}
.social-icon-twitter,
.t-twitter .s-icon {
    background-position: -170px -271px;
}
.t-twitter .social-arrows {
    background-position: -170px -529px;
}
.t-twitter .social-connect {
    background-position: 0 -418px;
}

.zclip {
    line-height: 1;
}

.facebook-iframe {
    border: 0;
    width: 357px;
    height: 290px;
    background: #fff;
    overflow: hidden;
}

.fb-like-box-container {
    position: relative;
    margin-bottom: 9px;
    width: 357px;
    height: 210px;
    background: #fff;
    overflow: hidden;
}
.fb-like-box-container .fb-like-box {
    position: relative;
    left: -1px;
}

#takeover {
    position: fixed;
    left: 50%;
    width: 980px;
    margin-left: -490px;
    z-index: 0;
    text-align: left;
}

#takeover #takeover-lhs,
#takeover #takeover-rhs {
    position: absolute;
    top: 0;
}

#takeover #takeover-lhs span,
#takeover #takeover-lhs a,
#takeover #takeover-rhs span,
#takeover #takeover-rhs a {
    display: block;
}

#takeover #takeover-lhs {
    right: 100%;
}

#takeover #takeover-rhs {
    left: 100%;
}

#takeover .floorad {
    position: fixed !important;
    bottom: 0;
    z-index: 10;
}

#takeover-inside {
    position: relative;
    z-index: 1;
}
#takeover-left,
#takeover-right,
#takeover-inside-left,
#takeover-inside-right {
    position: fixed;
    top: 0;
}
#takeover-left .takeover,
#takeover-inside-left .takeover {
    position: absolute;
    right: 0;
}
#takeover-right .takeover,
#takeover-inside-right .takeover {
    position: absolute;
    left: 980px;
}

#floorad {
    position: absolute;
    z-index: 9;
    width: 100%;
}

.sky {
    position: absolute;
    width: 160px;
    left: 50%;
    top: 10px;
    z-index: 0;
}
.sky-rhs {
    text-align: left;
    margin-left: 502px;
}
.sky-lhs {
    margin-left: -802px;
    text-align: right;
}
.bg-black {
    background: #000;
}

.field-error,
.field-error input.text,
.field-error select,
.field-error option,
.field-error textarea,
.radio-error {
    border-color: #f00d0d;
    background: #facece;
    color: #f00d0d;
}

#last_played_games {
    padding-left: 4px;
}

#last_played_games a {
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #bababa;
    background-color: #fff;
    padding: 2px;
    margin: 5px;
}

#last_played_games a span {
    display: none;
}

#last_played_games a:hover span {
    display: block;
    position: absolute;
    width: 100px;
    height: 48px;
    margin-top: 52px;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70);
}

#last_played_games .last_played_games_game_title {
    height: 18px;
    color: #fff;
    font-size: 11px;
    padding-top: 3px;
    margin-bottom: 3px;
    width: 100px;
    overflow: hidden;
}

#last_played_games .last_played_games_game_play {
    width: 80px;
    padding: 0;
    height: 16px;
    font-size: 11px;
    line-height: 1.5;
    margin-left: 10px;
    font-weight: 700;
}

.country-flag-wrap {
    margin-right: 3px;
    padding: 2px;
    background: #90cae7;
    line-height: 0;
}
.header-dropdown .country-flag-wrap {
    top: -1px;
    vertical-align: middle;
}
.social-icon,
.country-flag-wrap {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
}
.country-flag {
    display: inline-block;
    width: 19px;
    height: 12px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/star.png?52a0941d50ac);
    vertical-align: middle;
}
.country-flag-br {
    background-position: 0 -90px;
}
.country-flag-de {
    background-position: 0 -105px;
}

.country-flag-da,
.country-flag-dk {
    background-position: 0 -120px;
}
.country-flag-es {
    background-position: 0 -135px;
}
.country-flag-fr {
    background-position: 0 -150px;
}
.country-flag-it {
    background-position: 0 -165px;
}
.country-flag-nl {
    background-position: 0 -180px;
}
.country-flag-no {
    background-position: 0 -195px;
}
.country-flag-pl {
    background-position: 0 -210px;
}
.country-flag-pt {
    background-position: 0 -225px;
}
.country-flag-ro {
    background-position: 0 -240px;
}
.country-flag-tr {
    background-position: 0 -255px;
}
.country-flag-uk {
    background-position: 0 -270px;
}

.country-flag-en,
.country-flag-us {
    background-position: 0 -285px;
}

#game-preroll-container {
    position: absolute;
    z-index: 2;
    top: 15px;
    width: 960px;
    left: 50%;
    margin-left: -480px;
    height: 460px;
    padding: 7px 8px 15px;
    overflow: hidden;
}

#game-preroll-container #game-preroll-controls {
    display: none;
}

#game-preroll-container #game-preroll-textad {
    display: none;
}

#game-preroll-container #game-preroll-message-loading {
    background-color: #7096c0;
    width: 640px;
    height: 340px;
    left: 50%;
    margin-left: -320px;
    padding-top: 60px;
    color: #fff;
    font-size: 16px;
    position: absolute;
    display: none;
}

#game-preroll-container #game-preroll-controls,
#game-preroll-container #game-preroll-close-wrap,
#game-preroll-container #game-preroll-close {
    margin: 0 auto;
    width: 463px;
    overflow: hidden;
}

#game-preroll-container #game-preroll-progressbar,
#game-preroll-container #game-midroll-progressbar {
    margin: 0 auto;
    width: 934px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

#game-preroll-container #game-preroll-progressbar,
#game-preroll-container #game-midroll-progressbar {
    margin-top: 6px;
    width: 550px;
    height: 7px;
}

#game-preroll-container #game-preroll-progressbar {
    margin: 0 0 7px;
    width: auto;
}

#game-preroll-container .video-timer {
    padding: 3px 2px;
    color: #689bd1;
    font-size: 9px;
    text-align: left;
    text-transform: lowercase;
    overflow: hidden;
}

#game-preroll-container #game-preroll-timer {
    float: right;
}

#game-preroll-container #game-preroll-countdown {
    color: #3f394a;
}

#game-preroll-container #game-preroll-close-wrap {
    position: absolute;
    top: 0;
    left: 0;
}

#game-preroll-container #game-preroll-skip,
#game-preroll-container #game-preroll-close {
    padding: 8px 0;
    border: 1px solid #6890bb;
    background: #ace;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a8c8ea), to(#99b9db));
    background: -webkit-linear-gradient(#a8c8ea, #99b9db);
    background: -moz-linear-gradient(#a8c8ea, #99b9db);
    background: -o-linear-gradient(#a8c8ea, #99b9db);
    background: linear-gradient(#a8c8ea, #99b9db);
    color: #689bd1;
    font-size: 13px;
    text-shadow: 1px 1px 0 #ccddef;
}

#game-preroll-container #game-preroll-close {
    border-color: #de9200;
    width: 297px;
    background: #ea0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fec400), to(#d68600));
    background: -webkit-linear-gradient(#fec400, #d68600);
    background: -moz-linear-gradient(#fec400, #d68600);
    background: -o-linear-gradient(#fec400, #d68600);
    background: linear-gradient(#fec400, #d68600);
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 0 #e58f00;
    cursor: pointer;
}

#game-preroll-container #game-preroll-close-arrow {
    position: relative;
    top: 4px;
    margin-left: 8px;
    padding-left: 5px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -321px -177px;
}

.ad_video_playing_txt {
    font-size: 10px;
    margin: 5px 0;
}

.ui-progressbar-value {
    transition: 1.5s ease-in-out;
}

body #js-game-midroll-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0,
    .7);
    margin: 0;
}

body #js-game-midroll-container #game-midroll-box {
    width: 960px;
    height: 460px;
    margin: 5% auto;
    padding: 9px;
    color: #fff;
    font-size: 11px;
}

body #js-game-midroll-container #game-midroll-ad {
    padding: 0 0 3px;
}

body #js-game-midroll-container #game-midroll-ad-text {
    padding: 3px;
}

body #js-game-midroll-container #game-midroll-wrap {
    width: 100%;
    overflow: hidden;
}

body #js-game-midroll-container #game-midroll-progressbar-content {
    max-width: 700px;
    margin: 5px auto;
}

.ad_video {
    color: #444;
    text-align: center;
}

.game-video-thumbnail {
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    border: 10px solid #fff;
    background-size: cover;
    background-position: center;
}

.thumb-large {
    width: 250px;
    height: 250px;
}

.thumb-small {
    width: 120px;
    height: 120px;
}

.ad-video-content {
    line-height: 0;
}

.ad-video-content div {
    margin: 0 auto;
}

.hide-game {
    display: none;
}

.game-preloading .center,
.game-preloading .my-game-btn,
.game-preloading #game-side,
.game-preloading #game-stats,
.game-preloading #game-stats-content,
.game-preloading #leaderboard-entry,
.game-preloading .banner {
    display: none;
}

.popup {
    display: none;
    position: absolute;
    z-index: 999999999;
    padding: 0 12px 9px;
    font-size: 13px;
    text-align: center;
    overflow: hidden;
}

.popup-box {
    border: 1px solid #cdcccc;
    width: 220px;
    background: #fff;
    color: #342c3e;
    -moz-box-shadow: 0 4px 3px #777;
    -khtml-box-shadow: 0 4px 3px #777;
    -webkit-box-shadow: 0 4px 3px #777;
    box-shadow: 0 4px 3px #777;
}

.popup-inner {
    padding: 7px;
    overflow: hidden;
}

.popup h3 {
    margin: 0;
}

.popup .teaser {
    padding: 0 5px;
}

.popup .figure {
    padding: 5px 0 0;
}

.popup .figimg {
    margin: 0 0 3px;
}

.popup .figcaption {
    height: 23px;
}

.popup .play {
    padding: 6px 0 0;
}

.popup-arrow {
    position: absolute;
    top: 26%;
    width: 13px;
    height: 22px;
    overflow: hidden;
}

.popup-left .popup-arrow {
    left: -13px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/popup.png?52a0941d50ac) 0;
}

.popup-right .popup-arrow {
    right: -13px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/popup.png?52a0941d50ac) right;
}

.popup-bottom .popup-arrow {
    top: auto;
    bottom: -6px;
    left: 9px;
    width: 9px;
    height: 6px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -215px -96px;
}

.popup-bottom .rank-arrow {
    left: auto;
    right: 10px;
}

.popup-top .popup-arrow {
    top: -6px;
    right: 14px;
    width: 9px;
    height: 6px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -204px -96px;
}

.popup-bottom .popup-box {
    float: left;
    width: auto;
}

.popup-bottom .popup-inner {
    padding: 2px 9px;
    font-size: 11px;
}

.pu-side {
    position: absolute;
    bottom: 80px;
    left: 50%;
    margin-left: 270px;
    width: 210px;
}

.pu-footer-contact {
    bottom: 185px;
}

.pu-footer-terms {
    bottom: 85px;
}

.pu-footer-privacy {
    bottom: 60px;
}

.pu-footer-help {
    bottom: 9px;
}

.pu-footer {
    font-size: 11px;
}

.pu-signup .pu-border-side,
.pu-footer .pu-border-side,
.login-required .pu-border-side {
    padding: 7px;
    border-color: #d0cfcf;
    color: #372e41;
    text-align: left;
    overflow: hidden;
    -moz-border-radius: 16px;
    -khtml-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

.pu-header-side {
    padding-bottom: 7px;
    color: #f08100;
    font-size: 27px;
    text-align: center;
}

.pu-block-side {
    padding: 0 5px 15px 30px;
}

.pu-footer .pu-block-side {
    padding: 0 0 25px 35px;
}

.pu-footer .icon-side {
    left: 0;
    width: 30px;
    height: 30px;
}

.pu-footer .icon-warranties {
    left: 3px;
    width: 20px;
    height: 20px;
    background-position: -32px -185px;
}

.pu-or-line {
    position: relative;
    top: 18px;
    border-top: 1px solid #cccbcf;
    border-bottom: 1px solid #e5e4e5;
}

.pu-or-side {
    margin: 0 0 47px;
    line-height: 32px;
    color: #c4c2c7;
    text-align: center;
    font-size: 12px;
}

.pu-or {
    position: relative;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) 0 -207px;
}

.pu-box-side {
    padding: 4px 12px;
}

.pu-box-side-text {
    padding-bottom: 7px;
}

.pu-footer-help .pu-box-side,
.pu-footer-white-hats .pu-box-side {
    text-align: center;
}

.pu-footer-help .pu-box-side-text {
    text-align: left;
}

.pu {
    position: absolute;
    top: 168px;
    left: 50%;
    z-index: 999999999;
    margin-left: -287px;
    width: 573px;
}

.pu-signup {
    margin-left: -288px;
    width: 500px;
    overflow: visible;
}

.pu-bigpoint {
    width: 398px;
}

.pu-rules {
    width: 528px;
    border: 7px solid #00a3d8;
}

.pu-rules .pu-border {
    border: 0;
    background: tansparent;
    padding: 0;
}

.pu-rules .pu-page {
    border: 0;
    background: #fff;
}

.pu-rules .pu-rules-bar {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1em;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    padding: 8px 10px;
    margin: 9px;
    background: #30ace0;
}

.pu-rules .pu-close {
    position: absolute;
    display: block;
    top: 6px;
    right: 5px;
    cursor: pointer;
    width: 23px;
    height: 22px;
    padding-top: 1px;
    text-align: center;
    background: #46b5e4;
    border: 1px solid #fff;
}

.pu-rules .pu-close:hover {
    background: #fff;
    color: #20a1d7;
}

.pu-rules .game-rules {
    display: block;
    margin: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

.pu-rules ol {
    margin: 0 0 1.6em 28px;
    list-style-type: decimal;
}

.pu-rules-btn {
    position: absolute;
    z-index: 2;
    top: -46px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
    clear: both;
    padding: 5px 0 2px;
    height: 21px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    background: #ef8100;
}

.pu-rules-btn:hover {
    background: #20a1d7;
}

.pu-rules .game-rule {
    color: red;
}

.game-rule {
    color: #20a1d7;
}

.pu-border {
    padding: 10px 7px 7px;
    border: 1px solid #fb9000;
    background: #ffc200;
    overflow: hidden;
}

.pu-page {
    border: 1px solid #fb9000;
    background: #eee;
    color: #000;
    text-align: left;
    overflow: hidden;
}

.btn-submit .pu-inner-box {
    float: left;
    margin-right: 9px;
    width: auto;
    height: 25px;
}

.btn-submit .pu-inner-box .social-icons {
    padding: 3px 9px;
}

.pu-header {
    height: 80px;
}

.pu-logo {
    position: relative;
    top: 8px;
    left: 5px;
    width: 275px;
    height: 42px;
    overflow: hidden;
}

.pu-signup .pu-logo {
    left: 16px;
    width: 443px;
    height: 67px;
}

.pu-logo-community-free {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 1.1;
    text-transform: uppercase;
    white-space: nowrap;
}

.pu-logo-community {
    margin-right: 2px;
    color: #a09da4;
    font-size: 12px;
}

.pu-signup .pu-logo-community {
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px;
}

.pu-logo-free {
    padding: 0 3px 0 4px;
    background: #d33333;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bc1818), to(#e84c4b));
    background: -webkit-linear-gradient(#bc1818, #e84c4b);
    background: -moz-linear-gradient(#bc1818, #e84c4b);
    background: -o-linear-gradient(#bc1818, #e84c4b);
    background: linear-gradient(#bc1818, #e84c4b);
    color: #fff;
    font-size: 9px;
    letter-spacing: -1px;
}

.pu-signup .pu-logo-free {
    top: -1px;
    padding-bottom: 1px;
    font-size: 11px;
    letter-spacing: 0;
}

.btn-close {
    position: absolute;
    top: 12px;
    right: 14px;
    line-height: 16px;
    color: #342c3e;
    cursor: pointer;
    overflow: hidden;
}

.pu-close-text {
    float: left;
    font-size: 10px;
    margin-right: 4px;
}

.btn-close:hover .pu-close-text {
    text-decoration: underline;
}

.pu-close-icon {
    float: left;
    width: 17px;
    height: 17px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -175px -185px;
    overflow: hidden;
}

.pu-block {
    padding: 0 5px;
    overflow: hidden;
}

.pu-info {
    padding: 0 10px 4px 42px;
    overflow: hidden;
}

.pu-info-errors {
    margin: 0 0 12px;
    font-weight: 400;
}

.pu-info-table {
    margin: 0 0 12px;
    font-size: 11px;
}

.pu-info-table th {
    padding-right: 54px;
}

.pu-box-social-connect-user table {
    line-height: 15px;
    color: #444;
    font-size: 12px;
}

.pu-box-social-connect-user th {
    padding: 0 9px 0 2px;
}

.pu-bg,
.pu-main {
    padding: 0 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.pu-title-icon {
    margin: 0 0 6px;
    padding: 7px 40px;
    color: #342c3e;
    text-transform: uppercase;
}

.pu-title-icon-sub {
    text-transform: none;
}

.pu-icon {
    position: absolute;
    top: 0;
    left: 0;
}

.pu-title {
    font-size: 18px;
}

.pu-subtitle {
    font-size: 14px;
    font-weight: 700;
}

.pu-subtitle-block {
    color: #352c3f;
}

.pu-register {
    color: #587ab6;
}

.pu-special {
    color: #00a4d8;
}

.pu .reply {
    margin: 5px 0 28px;
    border-width: 1px;
}

.pu .reply-inner {
    padding-right: 174px;
}

.pu-main p {
    margin: 0 0 9px;
}

.pu .bg {
    padding: 28px 10px 0;
}

.pu .pu-bg {
    padding-bottom: 11px;
    color: #4c4d4d;
}

.pu .btn-bg {
    padding-top: 5px;
}

.pu .pu-form {
    padding: 18px 10px 5px;
    color: #000;
    font-size: 12px;
}

.my-account-form {
    padding: 14px 36px 5px 10px;
}

.pu-form-simple {
    padding: 7px 10px;
}

.pu-fields {
    padding: 0 99px 0 27px;
}

.pu-fields a {
    color: #4d4d4d;
}

.pu-bigpoint .pu-fields a {
    color: #e78120;
}

.input-suggestions a,
.pu-bigpoint .input-suggestions a {
    color: #000;
}

.pu-fields .btn {
    color: #fff;
}

.pu-fields .pu-text,
.pu-form-actions .pu-text,
.pu-form-actions label {
    font-size: 11px;
}

.pu-fields-block .errors,
.pu-fields-block .success,
.pu-fields-block .pu-text {
    padding: 5px 5px 8px;
}

.pu-fields-block {
    padding: 12px 0 0;
}

.pu-share-icons,
.pu-game-url {
    font-family: Verdana, Geneva, sans-serif;
    overflow: hidden;
}

.pu-game-url {
    color: #000;
    font-size: 12px;
}

.pu-game-url dt {
    float: left;
    line-height: 24px;
}

.pu-game-url dd {
    float: left;
    padding-left: 9px;
}

.pu-error {
    padding: 10px 9px 0 30px;
}

.pu-banned {
    padding: 7px 0 15px 32px;
}

.pu-remove-why .mail-text {
    padding: 8px 0;
}

.pu-person-layer,
.pu-person-footer {
    position: absolute;
    left: 50%;
    bottom: 5px;
    margin-left: 151px;
    width: 212px;
    height: 312px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/person_full.png?52a0941d50ac) no-repeat;
}

.pu-person-footer {
    width: 119px;
    background-image: url(https://www.wyspagier.pl/static/speeleiland/images/person_footer.png?52a0941d50ac);
}

.pu-person {
    position: relative;
    min-height: 272px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/person.png?52a0941d50ac) 234px bottom no-repeat;
    font-size: 11px;
}

.pu-person-captcha {
    min-height: 354px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/person_full.png?52a0941d50ac) 229px bottom no-repeat;
}

.pu-person-arm {
    position: absolute;
    right: 92px;
    bottom: 112px;
    width: 105px;
    height: 38px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/person.png?52a0941d50ac) -104px -80px;
    overflow: hidden;
}

.pu-person-captcha .pu-person-arm {
    bottom: 194px;
}

.pu-person-arm-side {
    position: absolute;
    left: 0;
    bottom: 119px;
    width: 94px;
    height: 38px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/person_full.png?52a0941d50ac) -119px -80px;
    overflow: hidden;
}

.pu-person-side {
    height: 272px;
    background-position: 5px bottom;
}

.pu-social-connect {
    position: relative;
    height: 376px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/person_footer.png?52a0941d50ac) 5px 45px no-repeat;
    font-size: 12px;
}

.pu-person-side .pu-person-arm {
    right: auto;
    left: 109px;
}

.pu-person-arm-spacer {
    height: 46px;
}

.row-1-pu-2 .pu-register {
    padding-left: 18px;
}

.pu-box-arrow,
.pu-box-arrow-side {
    position: absolute;
    top: 17px;
    left: -13px;
    width: 13px;
    height: 21px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -225px -76px;
    overflow: hidden;
}

.pu-box-arrow-side {
    top: auto;
    bottom: 193px;
    left: -19px;
    width: 20px;
    height: 19px;
    background-position: -34px -207px;
}

.pu-footer .pu-box-arrow-side {
    margin-bottom: -9px;
    bottom: 50%;
}

.pu-footer-help .pu-box-arrow-side {
    bottom: 280px;
}

.pu-box {
    position: absolute;
    right: 8px;
    bottom: 63px;
    width: 179px;
}

.pu-person-captcha .pu-box {
    bottom: 145px;
}

.pu-text-box {
    right: 2px;
    bottom: 46px;
    width: 193px;
}

.pu-person-side .pu-box {
    right: 22px;
    bottom: 45px;
    width: 402px;
}

.pu-social-connect .pu-box {
    bottom: 16px;
}

.pu-box .inner {
    padding: 6px;
}

.pu-person-side .inner {
    padding: 35px 50px;
}

.pu-social-icons .inner {
    padding: 20px 44px;
}

.pu-box-social-connect-password .inner {
    padding: 10px 70px 14px 14px;
}

.pu-box-social-connect-user .inner {
    padding: 9px 9px 9px 78px;
}

.pu-person-side .pu-subtitle {
    padding: 0 0 24px;
    color: #342c3e;
    text-align: center;
}

.pu-social-connect .pu-subtitle {
    padding: 0 4px 3px;
    text-align: left;
}

.pu-social-connect p {
    padding: 0 4px 11px;
    margin: 0;
}

.pu-box-social-connect-password {
    margin: 0 0 8px;
}

.pu-box-social-connect-password label {
    display: block;
    padding: 0 0 8px;
}

.pu-box-social-connect-user {
    margin: 0 0 2px;
}

.pu-box .inner-text {
    padding: 0 0 0 11px;
}

.pu-box .center {
    padding: 0 14px 0 0;
}

.pu-inner-box {
    margin: 0 0 3px;
    border: solid #cdcdcd;
    border-width: 1px 0 0 1px;
    width: 166px;
    height: 28px;
    background: #f3f3f3;
    overflow: hidden;
}

.game-side-person .pu-inner-box {
    border-width: 2px 1px 1px 2px;
    width: auto;
    height: auto;
    background: #fafafa;
}

.pu-social-icons {
    text-align: center;
}

.pu-social-icons .pu-inner-box {
    margin: 0 auto 22px;
    width: 99px;
}

.pu-inner-box-inner {
    padding: 0 5px;
}

.pu-inner-box .social-icons {
    padding: 5px;
    text-align: center;
}

.pu-btn {
    padding: 7px 0;
}

.pu-btn .btn {
    padding: 3px 6px;
    background: #f29529;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f4a03e), to(#f08911));
    background: -webkit-linear-gradient(#f4a03e, #f08911);
    background: -moz-linear-gradient(#f4a03e, #f08911);
    background: -o-linear-gradient(#f4a03e, #f08911);
    background: linear-gradient(#f4a03e, #f08911);
    text-transform: none;
}

.pu-login-block {
    min-height: 50px;
}

.pu-gender-block {
    overflow: hidden;
}

.pu-login-links a {
    color: #292331;
    font-size: 9px;
}

.pu-text {
    padding: 9px 0;
}

.pu-social-login-wrap {
    padding: 14px 0;
    overflow: hidden;
}

.pu-social-login {
    background: #ffc500;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffc500), to(#d58400));
    background: -webkit-linear-gradient(#ffc500, #d58400);
    background: -moz-linear-gradient(#ffc500, #d58400);
    background: -o-linear-gradient(#ffc500, #d58400);
    background: linear-gradient(#ffc500, #d58400);
    text-align: center;
}

.pu-social-login {
    padding: 5px;
    border: 1px solid #d0cfcf;
    color: #372e41;
}

.pu-spacer {
    height: 9px;
    overflow: hidden;
}

.pu-enter-token {
    padding-right: 29px;
}

.pu-highscore th,
.pu-highscore td {
    padding: 9px 0 0;
    font-size: 12px;
    font-weight: 700;
}

.pu-highscore th {
    width: 72px;
}

.pu-highscore td {
    color: #ff7800;
}

.pu-my-games-list-inner {
    position: relative;
    list-style: none;
    height: 432px;
    overflow: auto;
}

.pu-my-games-list li {
    background: #eee;
}

.pu-my-games-list .odd {
    background: #f7f7f7;
}

.pu-message-content .bg {
    padding: 0 3px;
}

.pu-connect .social-logo {
    top: -1px;
    left: 0;
    width: 93px;
    height: 53px;
    background-position: 0 -577px;
}

.pu-connect .social-connect {
    width: 168px;
    height: 52px;
}

.pu-connect .social-disconnect {
    top: 9px;
    left: 70px;
}

.pu-message {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.pu-message-text {
    color: #352c3f;
}

.pu-connected .pu-message-text {
    padding-left: 8px;
    text-align: left;
}

.pu-connect {
    text-align: center;
}

.pu-connect-text {
    margin: 0 auto;
    padding: 0 0 14px;
    width: 386px;
    text-align: left;
    overflow: hidden;
}

.pu-connect .pu-message {
    line-height: 1.2;
}

.pu-remove-why .pu-message {
    text-align: left;
}

.pu-connected-text,
.pu-connected-header {
    float: left;
    overflow: hidden;
}

.headerbox-inner {
    height: 97px;
    background-position: -678px -20px;
    overflow: hidden;
}

.pu-connected-text {
    margin-right: 14px;
    width: 225px;
}

.pu-connected-header {
    width: 291px;
}

.pu-connected .pu-message {
    text-align: left;
    overflow: hidden;
}

.highscore-contest-homepage .highscore-contest-ext {
    height: 324px;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/highscore_contest_homepage.png);
}

.highscore-contest-homepage .highscore-contest-ext {
    position: absolute;
    top: 0;
    right: -6px;
    width: 6px;
    background-position: right;
    overflow: hidden;
}

.highscore-contest-homepage-inner {
    padding: 121px 11px 0;
    font-family: Arial, Helvetica, sans-serif;
}

.highscore-contest-data {
    margin: 0 0 16px;
    height: 81px;
    overflow: hidden;
}

.highscore-contest-data-inner {
    padding-top: 9px;
}

.highscore-contest-date-wrap {
    position: relative;
    float: left;
    width: 34px;
    line-height: 24px;
    color: #33688a;
    font-size: 18px;
    letter-spacing: -1px;
    text-align: center;
    overflow: hidden;
}

.highscore-contest-homepage .highscore-contest-date-wrap {
    color: #b25a00;
    text-shadow: 1px 1px 1px #fff;
}

.highscore-contest-winner-you .highscore-contest-date-wrap {
    color: #dc7000;
}

.highscore-contest-game .highscore-contest-date-wrap {
    padding-top: 50px;
    left: 9px;
}

.highscore-contest-avatar {
    position: relative;
    float: left;
    margin: 2px 9px 0 0;
    width: 65px;
    height: 67px;
    text-align: center;
}

.highscore-contest-winner .highscore-contest-avatar {
    background: url(https://www.wyspagier.pl/static/speeleiland/images/highscore_contest_avatar_blue_question.png?52a0941d50ac);
}

.highscore-contest-winner-you .highscore-contest-avatar {
    background: url(https://www.wyspagier.pl/static/speeleiland/images/highscore_contest_avatar_orange.png?52a0941d50ac);
}

.highscore-contest-avatar-inner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65px;
}

.highscore-contest-avatar img {
    vertical-align: middle;
}

.highscore-contest-homepage-info {
    position: relative;
    float: left;
    width: 240px;
    height: 70px;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
}

.highscore-contest-homepage-info th,
.highscore-contest-homepage-info td {
    font-size: 14px;
}

.highscore-contest-homepage-info th {
    padding-right: 22px;
    color: #af5800;
    font-weight: 400;
}

.highscore-contest-homepage-info-empty td {
    height: 65px;
    line-height: 21px;
    white-space: normal;
}

.highscore-contest-homepage .btn {
    display: block;
    height: 94px;
}

.highscore-contest-gamepage {
    height: 156px;
}

.highscore-contest-gamepage .multi-bar-box {
    width: 908px;
    height: 136px;
    background: url(https://www.wyspagier.pl/static/speeleiland/css/highscore_contest_gamepage.png);
    color: #dc7000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 33px;
    text-align: center;
}

.highscore-contest-gamepage-time-wrap {
    display: block;
    padding: 80px 0 0 423px;
    overflow: hidden;
}

.highscore-contest-gamepage-time {
    float: left;
    margin-left: 12px;
    width: 51px;
    height: 38px;
    line-height: 38px;
}

.highscore-contest-content {
    position: relative;
    margin: 0 auto;
    padding-top: 10px;
    width: 923px;
}

.highscore-contest-game-of-the-day {
    position: relative;
    margin: 0 0 14px;
}

.highscore-contest-game-of-the-day,
.highscore-contest-game-of-the-day .highscore-contest-ext {
    height: 298px;
    background: url(https://www.wyspagier.pl/static/speeleiland/css/highscore_contest_game_of_the_day.png);
    font-family: Arial, Helvetica, sans-serif;
}

.highscore-contest-game-of-the-day .highscore-contest-ext {
    position: absolute;
    top: 0;
    right: -8px;
    width: 8px;
    background-position: right;
    overflow: hidden;
}

.highscore-contest-game-of-the-day .figure {
    position: absolute;
    top: 13px;
    left: 17px;
}

.highscore-contest-game-of-the-day .figimg {
    margin: 0;
}

.highscore-contest-game-of-the-day .btn {
    position: absolute;
    top: 235px;
    right: 120px;
    width: 241px;
    height: 41px;
}

.highscore-contest-game-date-wrap {
    position: absolute;
    top: 114px;
    right: 19px;
    width: 444px;
    line-height: 1.1;
    color: #b25a00;
    white-space: nowrap;
    overflow: hidden;
}

.highscore-contest-game-date {
    font-size: 39px;
    letter-spacing: -2px;
    text-shadow: 1px 1px 1px #fff;
}

.highscore-contest-days-to-go {
    font-size: 12px;
}

.highscore-contest-winners {
    padding: 9px 0 3px 12px;
    color: #342c3e;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.highscore-contest-winner {
    float: left;
    margin: 0 13px 0 0;
    width: 134px;
}

.highscore-contest-date-avatar {
    padding-top: 9px;
    overflow: hidden;
}

.highscore-contest-username {
    font-size: 12px;
    font-weight: 700;
}

.highscore-contest-game-name-wrap {
    font-size: 11px;
}

.highscore-contest-game-name {
    color: #c96600;
}

.highscore-contest-practice {
    padding-top: 3px;
}

.highscore-contest-practice a {
    display: inline-block;
}

.highscore-contest-games {
    padding: 14px 0 9px 7px;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.highscore-contest-game {
    float: left;
    margin: 0 42px 0 0;
}

.highscore-contest-game-column {
    float: left;
    width: 227px;
}

.highscore-contest-game-column .figimg {
    margin-bottom: 0;
}

.highscore-contest-game-title {
    padding: 0 0 3px;
    width: 227px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.block-side {
    font-size: 14px;
}

.side-lists .side-list {
    float: left;
    width: 178px;
    cursor: pointer;
}

.side-list {
    padding: 10px 0;
    text-align: left;
}

.side-list li {
    padding: 0 0 10px 15px;
    width: 163px;
    line-height: 20px;
}

.side-block-inner {
    padding: 10px 15px;
    text-align: left;
}

.tabs,
.tab {
    background: #f58000;
}

.tabs {
    width: 100%;
}

.tabs .current {
    background: #eee;
    color: #4d4d4d;
}

.tab {
    position: relative;
    float: left;
    padding: 0 15px;
    border-right: 1px solid #8badd2;
    cursor: pointer;
}

.tab-img {
    float: left;
    position: relative;
    background: url(https://www.wyspagier.pl/static/speeleiland/images/icons.png?52a0941d50ac) -101px 0;
    overflow: hidden;
}

.tab-ranking {
    width: 52px;
    height: 24px;
    background-position: -135px -40px;
}

.tab-main .tab-ranking {
    height: 32px;
    background-position: -135px -36px;
}

.tab-stars {
    width: 34px;
    height: 24px;
    background-position: -340px -159px;
}

.current .tab-stars {
    background-position: -31px -76px;
}

.tab-main .ranking-icon {
    padding: 7px 2px;
}

.tab-main .ranking-icon-1,
.tab-main .ranking-icon-2,
.tab-main .ranking-icon-3 {
    background: #9a969f;
    color: #352c3f;
}

#game-stats {
    padding-top: 9px;
    overflow: hidden;
}

#game-stats #game-stats-content {
    border: 12px solid #342c3e;
    border-top: 0;
    background: #eee;
}

#game-stats #game-stats-content #game-stats-inner {
    padding-top: 9px;
    overflow: hidden;
}

#game-stats #game-stats-content #game-stats-inner #game-stats-nav {
    position: relative;
    padding: 0 9px;
    margin-bottom: 9px;
    height: 33px;
    line-height: 1;
    font-size: 1px;
    overflow: hidden;
}

#game-stats #game-stats-content #game-stats-inner #game-stats-nav #game-stats-nav-inner {
    text-align: justify;
}

#game-stats #game-stats-content #game-stats-inner #game-stats-nav #game-stats-nav-inner span#game-stats-n-f {
    display: inline-block;
    width: 100%;
}

#game-stats #game-stats-content #game-stats-inner #game-stats-nav a {
    display: inline-block;
    position: relative;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    padding: 6px 32px;
    border: 1px solid #848484;
    background: #e5e5e5;
    line-height: 19px;
    border-radius: 6px;
}

#game-stats .bg {
    padding: 9px 0;
}

#game-stats .bg .game-stats-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#game-stats .bg .game-stats-table th, #game-stats .bg .game-stats-table td {
    padding: 3px 9px;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}

#game-stats .bg .game-stats-table thead th.game-stats-position {
    padding-right: 30px;
    width: 50px;
    text-align: right;
}

#game-stats .bg .game-stats-table tbody th, #game-stats .bg .game-stats-table tbody td {
    border: solid #c7c7c7;
    border-width: 1px 0;
}

#game-stats .bg .game-stats-table tbody th {
    padding-right: 30px;
    width: 50px;
    text-align: right;
}

#game-stats .bg .game-stats-table tbody td {
    width: 175px;
}

#game-stats .bg .game-stats-table tbody td.game-stats-username {
    width: 230px;
}

#game-stats .bg .game-stats-table tbody td.game-stats-username .game-stats-medal {
    padding-right: 22px;
}

#game-stats .bg .game-stats-table tbody td.game-stats-username .game-stats-medal .icon-medal {
    left: auto;
    right: 0;
}

#game-stats .bg .game-stats-table tbody tr:hover td, #game-stats .bg .game-stats-table tbody tr:hover th {
    background: #e4e3e3;
}

#game-stats .bg .game-stats-table tfoot td {
    padding-top: 9px;
    width: 900px;
    color: #888;
    font-size: 11px;
    text-align: center;
}

a#game-stats-active, #game-stats-nav a:hover, #game-stats-nav a:focus, #game-stats-nav a:active {
    background: #f90;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff7900), to(#fd9500));
    background: -webkit-linear-gradient(#ff7900, #fd9500);
    background: -moz-linear-gradient(#ff7900, #fd9500);
    background: -o-linear-gradient(#ff7900, #fd9500);
    background: linear-gradient(#ff7900, #fd9500);
    border-color: #d97215;
}

.game-stats-table thead th,
.game-stats-table thead td,
.game-stats-first th,
.game-stats-first td {
    font-weight: 700;
}

.selectBox-dropdown {
    display: inline-block;
    padding-right: 25px;
    border: 1px solid #e5e5e5;
    width: auto !important;
    height: 22px;
    vertical-align: middle;
    background: #fff;
    color: #000;
    cursor: pointer;
}

a.selectBox-dropdown, a.selectBox-dropdown:hover, a.selectBox-dropdown:focus, a.selectBox-dropdown:active,
.selectBox-options a,
.selectBox-options a:hover,
.selectBox-options a:focus,
.selectBox-options a:active {
    text-decoration: none;
}

.selectBox-dropdown:focus {
    border-color: #e5e5e5;
}

.selectBox-menuShowing {
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-bottom-right-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-radius: 5px 5px 0 0;
}

.selectBox-label {
    display: inline-block;
    padding: 2px 9px 0;
    white-space: nowrap;
    overflow: hidden;
}

.selectBox-arrow {
    position: absolute;
    top: 2px;
    right: 2px;
    border: 1px solid #000;
    width: 16px;
    height: 16px;
    background: #342c3e;
}

.selectBox-arrow-inner {
    position: absolute;
    top: 6px;
    right: 3px;
    border-color: #342c3e;
    border-top-color: #fff;
    border-style: solid;
    border-width: 5px 5px 0;
    line-height: 0;
}

.selectBox-dropdown:hover .selectBox-arrow-inner,
.selectBox-menuShowing .selectBox-arrow-inner {
    top: 5px;
    border-width: 0 5px 5px;
    border-color: #342c3e;
    border-bottom-color: #fff;
}

.selectBox-dropdown-menu {
    position: absolute;
    z-index: 3;
    border: 1px solid #bbb;
    max-height: 200px;
    background: #fff;
    text-align: left;
    overflow: auto;
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0,
    .2);
    -khtml-box-shadow: 0 2px 6px rgba(0, 0, 0,
    .2);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0,
    .2);
    box-shadow: 0 2px 6px rgba(0, 0, 0,
    .2);
}

.selectBox-inline {
    display: inline-block;
    border: 1px solid #bbb;
    width: 250px;
    background: #fff;
    overflow: auto;
}

.selectBox-inline:focus {
    border-color: #666;
}

.selectBox-options,
.selectBox-options li,
.selectBox-options a {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
}

.selectBox-options .remove a {
    color: #f00d0d;
    text-indent: 2em;
}

.selectBox-options a {
    padding: 0 .5em;
    line-height: 1.5;
    background: 6px no-repeat;
    white-space: nowrap;
    overflow: hidden;
}

.selectBox-hover a {
    background: #eee;
}

.selectBox-disabled a {
    background: 0 0;
    color: #888;
}

.selectBox-selected a {
    background: #c8def4;
}

.selectBox-optgroup {
    padding: 0 .3em;
    line-height: 1.5;
    background: #eee;
    color: #666;
    font-weight: 700;
    white-space: nowrap;
}

.selectBox-disabled {
    color: #888 !important;
}

.selectBox-disabled .selectBox-arrow {
    border-color: #666;
}

.selectBox-disabled {
    color: #888 !important;
}

.selectBox-disabled .selectBox-options a {
    background: 0 0 !important;
}

.field-error .selectBox-dropdown {
    border-color: #f00d0d;
    background: #facece;
    color: #f00d0d;
}

#nav a span {
    padding-bottom: 1px;
    color: #fff;
}

#bar #search-btn {
    width: 75px;
}

#search-field {
    left: -10px;
}

.pu-subtitle {
    font-size: 12px;
}

.figure .figcaption {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

.walkthrough-link {
    background: #ffc700;
    display: inline-block;
    line-height: 30px;
    height: 30px;
    text-transform: uppercase;
    right: 10px;
    top: 10px;
    text-decoration: underline;
    padding-left: 9px;
    font-weight: 700;
    color: #2a6182;
    font-size: 14px;
    font-family: trebuchet ms, sans-serif;
    border-radius: 5px;
}
.walkthrough-link .title {
    float: left;
}
.walkthrough-link .icon-walkthrough {
    margin-left: 9px;
    display: inline-block;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.walkthrough-link .icon-walkthrough {
    background-image: url('https://pimg.jaludo.com/images/play_button_new.png');
    background-repeat: no-repeat;
    height: 30px;
    width: 26px;
}

#game-vote-label-new {
    padding-right: 10px;
    width: auto !important;
    color: #342c3e;
    font-weight: 700;
}

#game-vote-new {
    background: #98bce0 !important;
    z-index: 1;
    position: relative;
    width: 100%;
    min-height: 40px;
    border-radius: 3px;
    margin-top: 10px;
}
#votenownew {
    float: left;
    padding: 5px;
}

#votenowinner {
    padding: 10px 12px 8px;
}

.game-vote-label {
    width: auto;
    padding-right: 5px;
}

.game-vote-color {
    color: #342c3e;
    font-weight: 700;
}

.js-game-ratings-new {
    margin-top: 5px;
}

.gamegrid {
    position: relative;
    z-index: 1;
    padding-top: 15px;
    padding-left: 4px;
    height: 800px;
}
.gamegrid li {
    display: block;
    position: relative;
    z-index: 1;
    width: 137px;
    height: 137px;
    padding: 10px;
    float: left;
}
.gamegrid li.adv {
    display: block;
    position: relative;
    z-index: 1;
    width: 285px;
    height: 250px;
    padding-top: 25px;
    padding-right: 20px;
    float: left;
}
.gamegrid .game .imgGameIcon {
    width: 137px;
    height: 137px;
    border: solid 5px #eee;
    object-fit: cover;
}
@font-face {
    font-family: prettyfont;
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(https://themes.googleusercontent.com/static/fonts/oswald/v7/qs_6LdoYjCitupC9judWT-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
    font-family: prettyfont;
    font-style: normal;
    font-weight: 700;
    src: local('Oswald Bold'), local('Oswald-Bold'), url(https://themes.googleusercontent.com/static/fonts/oswald/v7/dI-qzxlKVQA6TUC5RKSb37O3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
.gamegrid .wrapper {
    position: relative;
}
.gamegrid .description {
    position: absolute;
    bottom: 9px;
    left: 5px;
    display: none;
    background: #191919;
    background: rgba(25, 25, 25, .7);
    font-size: 15px;
    color: #fff;
    width: 137px;
}
.gamegrid .description_content {
    padding: 10px;
    font-style: normal;
    color: #f9d327;
    text-shadow: 1px 1px 1px #000;
    font-family: prettyfont;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16.2px;
    word-wrap: break-word;
}
.votePerc {
    position: absolute;
    right: -5px;
    top: 5px;
    background-color: #01a200;
    color: #fff;
    border-radius: 0 0 0 3px;
    padding: 3px 5px 1px 7px;
    display: none;
}

/* Dropdown control */
.selectBox-dropdown {
    display: inline-block;
    padding-right: 25px;
    border: 1px solid #e5e5e5;
    width: auto !important;
    height: 22px;
    vertical-align: middle;
    background: #fff;
    color: #000;
    cursor: pointer;
}

a.selectBox-dropdown,
a.selectBox-dropdown:hover,
a.selectBox-dropdown:focus,
a.selectBox-dropdown:active,
.selectBox-options a,
.selectBox-options a:hover,
.selectBox-options a:focus,
.selectBox-options a:active {
    text-decoration: none;
}

.selectBox-dropdown:focus {
    border-color: #e5e5e5;
}

.selectBox-menuShowing {
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-bottom-right-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-radius: 5px 5px 0 0;
}

.selectBox-label {
    display: inline-block;
    padding: 2px 9px 0;
    white-space: nowrap;
    overflow: hidden;
}

.selectBox-arrow {
    position: absolute;
    top: 2px;
    right: 2px;
    border: 1px solid #000;
    width: 16px;
    height: 16px;
    background: #342c3e;
}

.selectBox-arrow-inner {
    position: absolute;
    top: 6px;
    right: 3px;
    border-color: #342c3e;
    border-top-color: #fff;
    border-style: solid;
    border-width: 5px 5px 0;
    line-height: 0;
}
.selectBox-dropdown:hover .selectBox-arrow-inner,
.selectBox-menuShowing .selectBox-arrow-inner {
    top: 5px;
    border-width: 0 5px 5px;
    border-color: #342c3e;
    border-bottom-color: #fff;
}

/* Dropdown menu */
.selectBox-dropdown-menu {
    position: absolute;
    z-index: 999999999;
    border: 1px solid #bbb; /* should be the same border width as .selectBox-dropdown */
    max-height: 200px;
    background: #fff;
    text-align: left;
    overflow: auto;
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    -khtml-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
}


/* Inline control */
.selectBox-inline {
    display: inline-block;
    border: 1px solid #bbb;
    width: 250px;
    background: #fff;
    overflow: auto;
}

.selectBox-inline:focus {
    border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options li,
.selectBox-options a {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
}

.selectBox-options .remove a {
    color: #f00d0d;
    text-indent: 2em;
}

.selectBox-options a {
    padding: 0 .5em;
    line-height: 1.5;
    background: 6px no-repeat;
    white-space: nowrap;
    overflow: hidden;
}

.selectBox-hover a {
    background: #eee;
}

.selectBox-disabled a {
    background: transparent;
    color: #888;
}

.selectBox-selected a {
    background: #c8def4;
}

.selectBox-optgroup {
    padding: 0 .3em;
    line-height: 1.5;
    background: #eee;
    color: #666;
    font-weight: bold;
    white-space: nowrap;
}


/* Disabled state */
.selectBox-disabled {
    color: #888 !important;
}

.selectBox-disabled .selectBox-arrow {
    border-color: #666;
}

.selectBox-disabled {
    color: #888 !important;
}

.selectBox-disabled .selectBox-options a {
    background: transparent !important;
}

.field-error .selectBox-dropdown {
    border-color: #f00d0d;
    background: #facece;
    color: #f00d0d;
}


html {
    box-sizing: border-box;
}

body {
    min-width: 800px;
    margin: 0;
    margin-top: 52px;
    background-color: #adc6e2;
}

.searchForm {
    display: flex;
}

.sky-rhs {
    margin-top: 120px;
}

#bar, #bar-social {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
}

#bar-social {
    padding: 5px 0;
}

.my-game-heart {
    top: -2px;
}

.xid_game {
    background: #8badd2;
}

header, header * {
    box-sizing: border-box;
}

#nav {
    margin-bottom: 0;
}

.headerMenu {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 100000;
    height: 52px;
    background: #0881b5;
    box-shadow: 0 4px 6px -6px #222;
}

.headerMenuWrapper {
    width: 100%;
    max-width: 985px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}

.headerMenusWrapper {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.headerMenusWrapper, .headerLogoWrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.headerLogoWrapper {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.headerLogoLink {
    width: 138px;
    height: 51px;
    margin-right: 1em;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -999em;
}

.headerSocial {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.headerSearch {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 250px;
    min-width: 140px;
    height: 40px;
    margin: 0 10px 0 0;
}

.headerSearch .headerSearchWrapper {
    height: 100%;
}

.headerSearchWrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.headerCatWrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.headerCateWrapper:hover .headerCatText {
    border-radius: 5px 5px 0 0;
}

.headerCateWrapper:hover .headerCatTextWrap {
    display: block;
}

.headerCateWrapper {
    display: block;
    position: relative;
}

.headerLoginText {
    cursor: pointer;
}

.headerCatText, .headerLoginText {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    padding: 0 12px;
    border: 0;
    border-radius: 5px;
    background-color: #fff;
    color: #0881b5;
    font-size: 14px;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
}

.headerCatText:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: 0 0 0 6px;
    border: 5px solid transparent;
    border-bottom: 0;
    border-top-color: #009cff;
}

.headerCatTextWrap {
    display: none;
    position: absolute;
    z-index: 20;
    top: 100%;
    right: 10px;
    min-width: 200px;
    border-radius: 5px 0 5px 5px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(50, 50, 50, .12);
    font-size: 12px;
}

.headerCatTextWrap .headerCatWrapTexts:first-child {
    border-top-right-radius: 0;
}

.headerCatWrapText {
    display: block;
    border-radius: 5px;
    background: #fff;
    font-size: 13px;
    line-height: 30px;
    text-decoration: none;
    transition: color .15s ease-out, background-color .15s ease-out;
}

.headerCatWrapText img, .headerCatPictureWrap {
    border-radius: 5px 5px 0 0;
}

.headerCatWrapText:hover .headerCatPictureWrap {
    opacity: 1;
}

.headerCatWrapText {
    color: #002b50;
}

.headerCatWrapText:hover {
    background-color: #009cff;
    color: #fff;
}

.headerCatWrapTexts {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px;
    border-radius: 0;
    -webkit-font-smoothing: antialiased;
}

.headerCatWrapTexts .headerCatPicture {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 42px;
}

.headerCatWrapTexts .BB {
    overflow: visible;
    line-height: 16px;
    text-overflow: clip;
    white-space: normal;
}

.headerCatWrapTexts img {
    border-radius: 3px;
}

.headerCatWrapTexts:first-child {
    border-top: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.headerCatWrapTexts:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.headerCatWrapTexts:hover {
    color: #fff;
}

.headerCatPictures {
    overflow: hidden;
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
}

.headerCatPictures img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
}

.headerCatPicturesWrap {
    position: relative;
    z-index: 2
}

.headerCatPictureWrap {
    background: rgba(0, 156, 255, .25)
}

.headerCatWrapTexts:hover .headerCatPictureWrap {
    opacity: 0;
}

.headerCatPictureWrap {
    opacity: 0;
    transition: opacity .15s ease-out;
}

.headerCountryWrapper {
    display: block;
    position: relative;
}

.headerCountryWrapper:hover .headerCountryFlagWrapper {
    border-radius: 5px 5px 0 0;
}

.headerCountryWrapper:hover .headerCountryFlags {
    display: block;
}

.headerCountryFlagWrapper {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 40px;
    border: 0;
    border-radius: 5px;
    background-color: #fff;
}

.headerCountryFlagWrapper > * {
    margin: 1px auto 0;
}

.headerCountryFlags {
    display: none;
    position: absolute;
    z-index: 20;
    top: 100%;
    right: 0;
    width: 270px;
    padding: 6px;
    border-radius: 5px 0 5px 5px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(50, 50, 50, .12);
    font-size: 12px;
}

.headerCountryFlags ul {
    margin: 0;
    padding: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    list-style: none;
}

.headerCountryFlags a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6px;
    border-radius: 2px;
    text-decoration: none;
}

.headerCountryFlags a:hover {
    background: #dff3ff;
}

.headerCountryFlags .Bs {
    margin-right: 6px;
}

@media (min-width: 600px) {
    .headerMenuWrapper {
        padding: 0 5px;
    }
}

@media (min-width: 1000px) {
    .headerMenuWrapper {
        padding: 0 5px;
    }
}

@media (max-width: 1000px) {
    .headerSocial {
        display: none;
    }
}

/* Menu */
#menu ul .main-nav-item {
    list-style-type: none;
}

#menu {
    border: solid #004f7b;
    background: linear-gradient(#9fb5cd, #668cb0);
    border-width: 1px 0 0 0;
    width: 100%;
    text-align: center;
    z-index: 5;
    padding: 0;
    display: block;
}

#menu #main-nav {
    text-align: justify;
    max-width: 980px;
    margin: 0 auto;
}

#menu .main-nav-item .main-nav-tab#active {
    border-top-color: rgb(255, 176, 138);
    background: linear-gradient(rgb(254, 103, 0), rgb(239, 128, 0));
    color: #fff;
}

#menu .main-nav-item .main-nav-tab:hover {
    border-top-color: rgb(255, 176, 138);
    background: linear-gradient(rgb(254, 103, 0), rgb(239, 128, 0));
    color: #fff;
}

#menu .main-nav-item#tags {
    float: left;
    width: 175px;
}

#menu .main-nav-item#tags div span {
    display: none;
}

#menu .main-nav-item#tags div {
    background-color: #5d6062;
    border-radius: 5px;
    margin-left: 5px;
    margin-top: 5px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}

#menu .main-nav-item#tags div a {
    margin-top: 0;
    color: #e4e4e4;
    line-height: 26px;
    height: 20px;
    margin-bottom: 0;
}

#menu .main-nav-item#tags:hover div {
    width: 170px;
    height: 308px;
    text-align: left;
    z-index: 500;
    position: absolute;
}

#menu .main-nav-item#tags:hover div span {
    display: block;
    padding: 25px 10px 10px 10px;
}

#menu .main-nav-item#tags:hover div span a {
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    line-height: 16px;
    background-color: rgba(0, 0, 0, 0.03);
    height: 16px;
    margin: 5px 2px;
    padding: 2px;
    color: rgba(255, 255, 255, 0.9);
}

#menu .main-nav-item#tags:hover div span a:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 0.1);
}

#menu .main-nav-item#tags:hover a {
    color: #fff;
}

#menu .n-sub {
    display: block;
    padding-bottom: 2px;
    color: #ecc900;
    font-size: 9px;
    font-weight: normal;
}

#menu .stretch {
    display: inline-block;
    width: 100%;
}

#main-nav {
    width: 980px;
    position: relative;
    list-style: none;
    padding: 0;
    height: 38px;
}

#main-nav .main-nav-item {
    display: inline-block;
}

#main-nav .main-nav-dd {
    position: absolute;
    top: 36px;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    border-top: 2px solid #668cb0;
    border-bottom: 4px solid rgb(239, 128, 0);
    display: none;
    width: 100%;
    z-index: 999;
}

#main-nav .main-nav-item-active .main-nav-dd {
    display: table;
}

#main-nav .main-nav-dd-column {
    width: 50%;
    text-align: left;
    padding: 15px 20px 8px;
    display: table-cell;
    border-left: 1px solid #ddd;
    *float: left;
    *border-left: 0;
}

#main-nav .main-nav-dd-column:first-child {
    border-left: 0;
}

#main-nav .main-nav-dd h3 {
    font-size: 14px;
    color: #86c6d7;
}

#main-nav .main-nav-dd a {
    color: #777;
    text-decoration: none;
}

#main-nav .main-nav-dd a:hover {
    color: #86c6d7;
    text-decoration: underline;
}

#main-nav .main-nav-dd ul {
    list-style: none;
    padding: 0;
}

#main-nav .main-nav-dd hr {
    border: 1px dotted #ddd;
}

#dropdown {
    max-width: 980px;
    margin: 0 auto;
}

#dropdown-l {
    margin-left: 0;
    margin-right: 0;
    margin-top: 7px;
}

.search-suggestions {
    margin-top: 1px;
}

.main-nav-item .main-nav-tab {
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    height: 25px;
    color: rgb(39, 96, 129);
    line-height: 1;
    text-decoration: none;
    overflow: hidden;
    padding: 5px 10px;
    border-top: 1px solid rgb(210, 221, 233);
    background: linear-gradient(rgb(191, 208, 224), rgb(95, 143, 178));
}

.main-nav-dd {
    box-shadow: 0 3px 6px 0 rgba(50, 50, 50, 0.4);
    border-radius: 0 0 0.3rem 0.3rem;
    border-bottom: 4px solid rgb(239, 128, 0);
}

.headerSearchWrapper #search-btn {
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 0 5px 5px 0;
    background: rgb(254, 103, 0) url(https://pimg.jaludo.com/images/navbar-search.svg) no-repeat 50%/60%;
}

.headerSearchWrapper #search-btn:hover {
    background-color: #ff7900;
}

.headerSearchWrapper #search_top {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: calc(100% - 40px);
    height: 100%;
    padding: 0 10px;
    border: 0;
    border-radius: 5px 0 0 5px;
    font: inherit;
    font-size: 14px;
    -webkit-appearance: none;
    position: relative;
    top: 0;
    left: 0;
}

.headerSearchWrapper #search_top:focus {
    outline: 0;
}

.headerSearchWrapper .search-form {
    width: 100%;
    text-align: left;
}

.headerSearchWrapper .loader {
    position: absolute;
    z-index: 9999999;
    right: 35px;
    top: 11px;
}

.headerSearchWrapper .search-suggestions {
    width: calc(100% - 40px);
    padding: 45px 0 3px;
    font-size: 14px;
}

.BB {
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#header-items .avatar {
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    position: relative;
    display: inline-block;
}

#header-items {
    width: auto;
    line-height: initial;
}

.profile {
    position: relative;
    top: 0;
    color: #0881b5;
    height: auto;
    width: auto;
    display: inline-block;
    right: auto;
}

.profile a {
    color: #0881b5;
}

.header-username {
    width: auto;
    font-weight: normal;
    font-size: 15px;
}

.profile .signup.usermenu-register {
    display: none;
}

/**
 * Contains specific screen.css overrides for:
 * 	- concept: speeleiland
 * 	- locale:  pl_PL
 */

.main-nav-item .main-nav-tab {
    padding: 5px 3px;
}