*,*::before,*::after {
    position: relative;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: none;
    font-family: Ubuntu,sans-serif;
    image-rendering: pixelated
}

html,body {
    background: url(../imgs/background.png) #e2e2e2;
    margin: 0;
    padding: 0;
    font-family: Ubuntu,sans-serif
}

.rightindex {
    background: url(../imgs/asia/right.png) bottom left;
    width: 223px;
    height: 456px;
    position: fixed;
    bottom: 0;
    right: 0
}

.leftindex {
    background: url(../imgs/asia/left.png);
    width: 321px;
    height: 413px;
    position: fixed;
    bottom: 0;
    left: 0
}

.webcenter {
    position: relative;
    min-width: 950px;
    max-width: 950px;
    height: inherit;
    margin: auto;
    padding: 0 10px;
    display: flex
}

.error-container {
    position: relative;
    max-width: 400px;
    height: calc(100vh - 345px);
    margin: auto
}

.error-container-image {
    position: relative;
    background: url('../imgs/error.png') center/auto no-repeat scroll;
    width: 179px;
    height: 184px;
    margin: 0 auto 10px
}

.adblock-container-image {
    position: relative;
    background: url('../imgs/adblock.png') center/auto no-repeat scroll;
    width: 179px;
    height: 184px;
    margin: 0 auto 10px
}

.errors-top {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10
}

.error-top {
    position: relative;
    background: #ed1c1c;
    height: 100%;
    box-shadow: 0 0 10px #00000078
}

.error-top>label {
    padding: 11px
}

.error-top-icon {
    position: relative;
    background: #dc2020;
    padding: 10px
}

input[type=text],input[type=password],input[type=email] {
    background: #ebebeb;
    width: 100%;
    background-color: #fff;
    height: 40px;
    padding: 0 20px;
    color: #666;
    margin-bottom: 10px;
    border: none;
    border-radius: 6px 5px 5px 5px;
    font-family: questrial,sans-serif;
    position: relative;
    box-shadow: inset 0 -4px rgb(0 0 0/10%),0 0 0 1px rgb(0 0 0/25%),0 4px rgb(0 0 0/10%)
}

input[type=text].error-input,input[type=password].error-input,input[type=email].error-input {
    border-color: #db8989
}

textarea {
    position: relative;
    background: #ebebeb;
    height: 100px;
    max-height: 100px;
    color: #888;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding: 10px;
    resize: none
}

.general-success::before,.general-success-2::before {
    content: "";
    position: relative;
    background: url(../imgs/sprite.png) no-repeat -1443px -618px;
    min-width: 14px;
    height: 12px;
    float: left;
    display: flex;
    margin: auto 5px auto 0
}

.general-success {
    position: relative;
    display: flex;
    overflow: hidden
}

.general-success-2 {
    position: relative;
    background: #7cdd3b;
    padding: 6px;
    display: flex
}

.general-success label {
    position: relative;
    color: #60b924;
    font-size: 12px;
    margin: auto 0
}

.general-success-2 label {
    color: #fff;
    font-size: 12px;
    margin: auto 0
}

.general-warn::before,.general-warn-2::before {
    content: "";
    position: relative;
    min-width: 12px;
    height: 12px;
    background: url(../imgs/sprite.png) -1425px -434px;
    float: left;
    margin: auto 5px auto 0
}

.general-warn {
    position: relative;
    display: flex;
    overflow: hidden
}

.general-warn-2 {
    position: relative;
    background: #ff1f1f;
    display: flex;
    padding: 8px
}

.general-warn label {
    position: relative;
    color: #ff1f1f;
    font-size: 12px;
    margin: auto 0
}

.general-warn-2 label {
    position: relative;
    color: #fff;
    font-size: 12px;
    margin: auto 0
}

.general-warn-time::before,.general-warn-time-2::before {
    content: "";
    position: relative;
    background: url(../imgs/sprite.png) no-repeat -1442px -648px;
    min-width: 15px;
    height: 15px;
    margin: auto 5px auto 0;
    display: flex
}

.general-warn-time {
    position: relative;
    display: flex;
    overflow: hidden
}

.general-warn-time-2 {
    position: relative;
    background: #94688b;
    padding: 6px;
    display: flex
}

.general-warn-time label {
    position: relative;
    color: #3b1752;
    margin: auto 0;
    font-size: 12px
}

.general-warn-time-2 label {
    position: relative;
    color: #fff;
    font-size: 12px;
    margin: auto 0
}

.lgn-error {
    position: relative;
    background: #9d3030;
    border-radius: 5px;
    padding: 7px 5px 5px 8px;
    display: flex
}

.lgn-error label {
    color: #d87c8e
}

label[role=placeholder] {
    position: absolute;
    top: 50%;
    color: #a4a4a4;
    font-size: 13px;
    z-index: 1;
    transform: translate(10px,-50%);
    pointer-events: none
}

.header__1 {
    position: relative;
    background: url(../imgs/asia/header.png) repeat,#d69350;
    width: 100%;
    height: 195px;
    z-index: 1
}

.header__users-online {
    position: relative;
    background: rgba(34,34,34,.6);
    background: rgb(26 26 26/73%);
    border-radius: 5px 0 0 5px;
    padding: 0 15px;
    margin: 0 -2px 0 0;
    display: flex
}

.scenery__farm_default {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    overflow: hidden
}

.scenery__farm_default span:nth-child(1) {
    position: relative;
    background: url(../imgs/header_grass.png) 0 bottom/auto repeat-x scroll;
    width: 100%;
    height: 100%
}

.scenery__farm_default span:nth-child(2) {
    position: relative;
    background: url(../imgs/header_landscape.png) 0 bottom/auto no-repeat scroll;
    min-width: 921px;
    max-width: 930px;
    width: 930px;
    height: 100%;
    margin: 0 -2px 0 0;
    z-index: 1
}

.scenery__farm_default span:nth-child(3) {
    position: relative;
    background: url(../imgs/header_grass.png) 0 bottom/auto repeat-x scroll;
    width: 100%;
    height: 100%
}

.general-box {
    position: relative;
    background-color: #fff;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #d5d4d2;
    padding: 10px;
    float: left
}

.general-box>.general-box-warn {
    overflow: hidden;
    border-radius: 0 0 5px 5px
}

.general-box .general-header-box {
    position: relative;
    background: #4c81af;
    width: 100%;
    min-height: 50px;
    border-radius: 5px;
    padding: 10px;
    margin: -25px 0 10px
}

.general-header-box-2 {
    position: relative;
    background-color: #cdcdcd;
    width: 100%;
    border-radius: 5px;
    padding: 6px;
    margin: -21px 0 10px
}

.general-header-box-2 div {
    position: relative;
    background: rgba(0,0,0,.2);
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 3px;
    margin: auto 10px auto 0
}

.general-header-box-2 label {
    position: relative;
    width: 100%;
    margin: auto 0
}

.loader {
    position: fixed;
    background: #fe8f15;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
    display: flex
}

.loader-spin {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 3px solid rgba(0,0,0,.1);
    border-top-color: #c84410;
    animation: spin .4s linear infinite;
    -webkit-animation: spin .4s linear infinite
}

.float-logo {
    animation: float-top-bottom 1.5s ease-in-out infinite;
    -webkit-animation: float-top-bottom 1.5s ease-in-out infinite;
    -o-animation: float-top-bottom 1.5s ease-in-out infinite;
    -moz-animation: float-top-bottom 1.5s ease-in-out infinite
}

.hotel-big-msg icon {
    min-width: 33px;
    max-width: 33px;
    margin: -18px 0 -2px
}

.lgn-area {
    position: relative;
    max-width: 350px;
    height: inherit
}

.identification-look {
    position: relative;
    background: url('../imgs/ghost.png') 0px 0px/auto no-repeat scroll;
    width: 64px;
    height: 70px;
    left: -7px;
    margin: -30px -64px 0 0;
    overflow: hidden;
    z-index: 1
}

.inputs-login {
}

.inputs-login input {
    padding: 15px 10px 15px 50px
}

.inputs-login icon[name=frank-head] {
    margin: 0 -34px 0 0;
    top: 4px;
    left: 7px
}

.inputs-login icon[name=lock-big] {
    margin: 0 -35px 0 0;
    top: 2px;
    left: 8px
}

.loader-ellipsis {
    display: flex
}

.loader-ellipsis span {
    position: relative;
    background: rgba(255,255,255);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation: fade-in-out 2s linear infinite;
    -webkit-animation: fade-in-out 2s linear infinite;
    -o-animation: fade-in-out 2s linear infinite;
    -moz-animation: fade-in-out 2s linear infinite
}

.loader-ellipsis span:nth-child(1) {
    margin: 0 3px 0 0;
    animation-delay: -1s
}

.loader-ellipsis span:nth-child(2) {
    animation-delay: -.5s
}

.loader-ellipsis span:nth-child(3) {
    margin: 0 0 0 3px;
    animation-delay: 0s
}

.featured-user {
    position: relative;
    height: 70px;
    border: 1px solid #e0e0e0;
    border-radius: 5px
}

.featured-user-avatarimage {
    position: relative;
    min-width: 64px;
    height: 85px;
    top: -17px;
    margin: auto 0 0 -5px;
    overflow: hidden
}

.featured-user-avatarimage icon {
    position: absolute!important;
    top: 56px;
    left: 30px
}

img.habbo-imager {
    position: relative;
    width: 64px;
    height: 110px
}

.general-box.register-announcement::before {
    content: "";
    position: absolute;
    background: url(../imgs/default/index1.png) no-repeat scroll;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    opacity: 1
}

.general-box.register-announcement1::before {
    content: "";
    position: absolute;
    background: url(../imgs/default/index1.png) 0 -250px no-repeat scroll;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    opacity: 1;
    border-radius: 3px
}

.general-box.register-announcement {
    position: relative;
    width: 100%;
    height: inherit;
    overflow: hidden
}

.news-index {
    width: 300px
}

.article-card::before {
    content: "";
    position: absolute;
    background: rgb(37 61 66/45%);
    width: 100%;
    height: 50%;
    margin-top: 44px
}

.article-card {
    position: relative;
    background: right center/auto no-repeat scroll rgb(255,255,255);
    width: 100%;
    max-width: 196px;
    border-radius: 5px;
    margin: 0 0 10px;
    overflow: hidden
}

.article-card:last-child {
    margin: 0!important
}

.article-card label {
    height: 46px;
    margin: 36px 0 0!important
}

.footer {
    position: relative;
    background: #cdcdcd;
    border-radius: 5px;
    padding: 15px
}

.publicity {
    position: relative;
    background: #cdcdcd;
    border-radius: 5px;
    padding: 8px;
    margin: 10px 0 0
}

.publicity .publicity-content {
    position: relative;
    background: #c3c3c3;
    width: 100%;
    min-height: 90px;
    border-radius: 5px;
    margin: 0 10px 0 0;
    overflow: hidden
}

.publicity .publicity-label {
    position: relative;
    width: 165px;
    margin: auto 0
}

.general-box.register-area .general-header-box {
    background: url(../imgs/default/registerdefault.png) 151% 25%/auto no-repeat scroll rgb(76 129 175)!important
}

.register-inputs input {
    background-color: #f7f7f7;
    padding: 12px 10px 12px 32px
}

.reg-status {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    display: flex
}

.reg-status .error {
    position: relative;
    background: #f7f7f7;
    margin: auto 10px auto auto;
    padding: 0 0 0 5px
}

.reg-status .error h6 {
    position: relative;
    color: #f42424;
    margin: auto 8px auto 0
}

.reg-status .success {
    margin: auto 10px auto auto
}

.register-inputs icon[name=head-mini] {
    left: 10px;
    top: -5px;
    margin: auto -16px auto 0
}

.register-inputs icon[name=email] {
    left: 9px;
    margin: auto -16px auto 0;
    top: -5px
}

.register-inputs icon[name=lock-1] {
    left: 10px;
    margin: auto -15px auto 0
}

.register-inputs icon[name=lock-2] {
    left: 10px;
    margin: auto -15px auto 0;
    top: -5px
}

.register-inputs icon[name=head-mini-2] {
    left: 10px;
    margin: auto -17px auto 0
}

.reg-birthday icon {
    min-width: 25px
}

select {
    position: relative;
    background: #f7f7f7;
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    color: #757575;
    padding: 12px;
    text-align-last: center;
    -webkit-appearance: none
}

select option {
    text-align-last: center
}

.general-box.register-area-continuation {
    width: 100%;
    height: auto
}

.general-box.register-area-continuation::after {
    content: "";
    position: absolute;
    background: #fff;
    width: 21px;
    height: 80px;
    border: 1px solid #d5d4d2;
    border-left: none;
    border-right: none;
    left: -18px;
    bottom: -1px
}

.reg-gender {
    width: 100%;
    height: inherit
}

.gender-female-option::before {
    content: "";
    position: absolute;
    background: linear-gradient(transparent,rgb(227,62,120));
    width: 100%;
    height: 0%;
    left: 0;
    bottom: 0;
    transition: height .5s linear
}

label[for=gender-female]:hover div.gender-female-option::before,input[value=female]:checked+label div.gender-female-option::before {
    height: 100%;
    transition: height .5s linear
}

.gender-female-option {
    position: relative;
    background: url(../imgs/room_female.png) 59% center/auto no-repeat scroll rgb(122,18,54);
    width: 100%;
    height: 100%;
    border: 1px solid #7a1236;
    border-radius: 3px;
    overflow: hidden;
    display: flex
}

.gender-female-option div {
    position: absolute;
    background: #e352a9;
    width: calc(100% - 10px);
    color: #7a1236;
    border-radius: 3px;
    border: 1px solid #bf3789;
    padding: 6px;
    margin: auto 5px 5px;
    font-size: 11px;
    bottom: -52px;
    transition: bottom .5s linear
}

.gender-female-option div icon {
    min-width: 14px;
    margin: auto 6px auto 0
}

label[for=gender-female]:hover div.gender-female-option div,input[value=female]:checked+label div.gender-female-option div {
    bottom: 0;
    transition: bottom .5s linear
}

.gender-male-option::before {
    content: "";
    position: absolute;
    background: linear-gradient(transparent,rgb(2,179,222));
    width: 100%;
    height: 0%;
    left: 0;
    bottom: 0;
    transition: height .5s linear
}

label[for=gender-male]:hover div.gender-male-option::before,input[value=male]:checked+label div.gender-male-option::before {
    height: 100%;
    transition: height .5s linear
}

.gender-male-option {
    position: relative;
    background: url(../imgs/room_male.png) 58% center/auto no-repeat scroll rgb(0,177,221);
    width: 100%;
    height: 100%;
    border: 1px solid #277da2;
    border-radius: 3px;
    overflow: hidden;
    display: flex
}

.gender-male-option div {
    position: absolute;
    background: #47a6e6;
    width: calc(100% - 10px);
    color: #0d4a55;
    border-radius: 3px;
    border: 1px solid #358fcb;
    padding: 6px;
    margin: auto 5px 5px;
    font-size: 11px;
    bottom: -52px;
    transition: bottom .5s linear
}

.gender-male-option div icon {
    min-width: 18px;
    margin: auto 6px auto 0
}

label[for=gender-male]:hover div.gender-male-option div,input[value=male]:checked+label div.gender-male-option div {
    bottom: 0;
    transition: bottom .5s linear
}

.result-register-card::before {
    content: "";
    position: absolute;
    background: rgba(0,0,0,.2);
    width: calc(100% - 10px);
    height: 22px;
    bottom: 5px;
    border-radius: 3px
}

.result-register-card {
    position: relative;
    background-color: rgb(87 96 114);
    width: 100%;
    border-radius: 5px;
    padding: 5px 15px 5px 5px;
    transition: background .5s linear
}

.result-register-card.female {
    background-color: #e33e78
}

.result-register-card.male {
    background-color: #00b1dd
}

.result-register-card .habbo-result.default {
    position: relative;
    background: url('../imgs/frankreg.gif') 0 0/auto no-repeat;
    background-position: 4px 15px;
    min-width: 64px;
    width: 64px;
    height: 83px;
    margin: -35px 0 0 -8px
}

.result-register-card label h4 {
    margin: 1px 0 0
}

.header-nav-menu::before {
    content: "";
    position: absolute;
    background: linear-gradient(0deg,rgb(219,222,222) 5%,rgb(229,233,233) 0%,rgb(238,239,239) 70%);
    width: 100%;
    height: 100%
}

.header-nav-menu {
    height: 45px;
    border-bottom: 1px solid #c1c1c1
}

li.header-menu>a.visited,li.header-menu>label.visited,li.header-menu>a.visited h5,li.header-menu>label.visited h5 {
    background: #dcdede;
    font-weight: 700
}

li.header-menu::before {
    display: none
}

li.header-menu {
    position: relative;
    height: 42px;
    padding: 0;
    margin: 0 5px 0 0;
    display: flex
}

li.header-menu:last-child {
    margin: 0
}

.header-menu.dropdown.active label {
    color: #787878;
    background: #dcdede
}

.header-menu.dropdown.active label h5 {
    color: #787878
}

.header-menu.dropdown.active label h5::after {
    background: url(../imgs/sprite.png) no-repeat -957px -221px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg)
}

.header-menu a,.header-menu label {
    position: relative;
    height: 34px;
    border-radius: 3px;
    padding: 0 20px;
    margin: auto 0;
    display: flex;
    overflow: hidden;
    text-decoration: none
}

.header-menu>a h5,.header-menu>label h5 {
    position: relative;
    color: #939393;
    margin: auto;
    pointer-events: none;
    display: flex
}

.header-menu>a:hover,.header-menu>label:hover {
    background: #dcdede;
    cursor: pointer
}

.header-menu>a:hover h5,.header-menu>label:hover h5 {
    color: #b1b1b1
}

.header-menu.dropdown>label h5::after {
    content: "";
    position: relative;
    background: url(../imgs/sprite.png) no-repeat -957px -207px;
    width: 8px;
    height: 12px;
    margin: auto -5px auto 10px;
    transition: transform .25s linear
}

.header-menu.dropdown>.dropdown-content {
    position: absolute;
    background: #dcdede;
    top: 45px;
    border-top: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 0 2px rgba(0,0,0,.1);
    display: none;
    z-index: 10;
    overflow: hidden
}

.header-menu.dropdown>.dropdown-content .list-content {
    position: relative;
    color: #909090;
    padding: 10px 15px;
    font-size: 13px;
    white-space: nowrap;
    display: flex;
    text-decoration: none
}

.header-menu.dropdown .dropdown-content .list-content:hover {
    cursor: pointer;
    background: #d4d4d4
}

.header-menu.dropdown .dropdown-content .list-content.visited {
    background: #d0d0d0
}

.header-menu.dropdown .dropdown-content .list-content:hover h5 {
    left: 2%
}

.another-header-menu {
    position: relative;
    background: linear-gradient(rgb(212,212,212),rgb(225,225,225));
    height: 70px;
    border-bottom: 2px solid #f5f5f5;
    margin: -10px 0 10px
}

.another-header-menu-icon {
    position: relative;
    background: #c3c3c3;
    width: 48px;
    height: 41px;
    top: -2px;
    margin: auto 15px auto 10px;
    display: flex
}

.another-header-menu-icon icon[name=fame] {
    top: -10px
}

.another-header-menu>div.webcenter>div.flex>.another-header-menu-option {
    position: relative;
    color: #939393;
    top: -2px;
    border-radius: 3px;
    padding: 10px 20px;
    margin: auto 0;
    display: flex;
    overflow: hidden;
    text-decoration: none;
    font-size: 13px
}

.another-header-menu>div.webcenter>div.flex>.another-header-menu-option.visited {
    background: #cacaca
}

.another-header-menu>div.webcenter>div.flex>.another-header-menu-option:hover {
    cursor: pointer;
    background: #cacaca;
    color: #757575
}

.another-header-menu>div.webcenter>div.flex>.another-header-menu-option label {
    pointer-events: none
}

.another-header-menu>div.webcenter>div.flex>.another-header-menu-option.visited label {
    font-weight: 700
}

.another-header-menu>div.webcenter>div.flex>separator {
    height: calc(100% - 38px)
}

.display-habbo-me {
    position: relative;
    background: #fff;
    max-width: 576px;
    border-radius: 5px;
    margin: 0 0 3px;
    box-shadow: 0 3px rgba(0,0,0,.1);
    overflow: hidden
}

.display-myhabbo {
    position: relative;
    background: url(../imgs/sprite.png) no-repeat -3px -225px;
    width: 100%;
    height: 94px
}

.display-myhabbo-imager {
    position: relative;
    width: 64px;
    height: 90px;
    margin: auto 0 auto 50px;
    overflow: hidden
}

.display-habbo-currency {
}

.display-habbo-currency-credits,.display-habbo-currency-diamonds,.display-habbo-currency-duckets,.display-habbo-currency-emeralds {
    position: relative;
    width: calc(100% - 250px);
    height: 34px;
    padding: 0 10px
}

.display-habbo-currency-credits {
    background-color: #f8d12b
}

.display-habbo-currency-diamonds {
    background: #7ecdd2
}

.display-habbo-currency-duckets {
    background: #bc79bc;
    width: calc(100% - 200px)
}

.display-habbo-currency-emeralds {
    background: #50b8ae;
    width: calc(100% - 200px)
}

.display-habbo-currency-credits>h6,.display-habbo-currency-diamonds>h6,.display-habbo-currency-duckets>h6 {
    text-shadow: 0 0 5px rgba(0,0,0,.5)
}

.display-habbo-vip-status::before {
    content: "";
    position: relative;
    background: url(../imgs/sprite.png) no-repeat -326px -113px;
    width: 65px;
    height: 34px;
    top: 0;
    margin: 0 5px 0 -27px
}

.display-habbo-vip-status {
    position: relative;
    background: #282828;
    width: 100%;
    height: 34px
}

.two-events>.event-box-default,.two-events>.event-box-special {
    width: calc(100%/2);
    max-width: calc(100%/2)
}

.dont-events-box {
    position: relative;
    background: url(../imgs/custom/p.gif) 103% center/auto no-repeat rgb(233,32,99);
    width: 100%;
    height: 60px;
    padding: 0 15px;
    display: flex
}

.event-box-default {
    position: relative;
    background: #673ab7;
    width: 100%;
    height: 60px;
    padding: 0 15px;
    display: flex
}

.event-box-special {
    position: relative;
    background: #9c27b0;
    width: 100%;
    height: 60px;
    padding: 0 15px;
    display: flex
}

.users-featured {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.featured-user-credits,.featured-user-diamonds,.featured-user-duckets,.featured-user-emeralds {
    position: relative;
    height: 65px
}

.featured-user-credits {
    background: #f8d12b
}

.featured-user-diamonds {
    background: #7ecdd2
}

.featured-user-duckets {
    background: #bc79bc
}

.featured-user-emeralds {
    background: #50b8ae
}

.featured-user-credits-imager,.featured-user-diamonds-imager,.featured-user-duckets-imager,.featured-user-emeralds-imager {
    position: relative;
    width: 64px;
    height: 75px;
    margin: -10px 0 0 -5px;
    overflow: hidden
}

.featured-user-credits>label h4,.featured-user-diamonds>label h4,.featured-user-duckets>label h4,.featured-user-emeralds>label h4,.featured-user-credits>label h6,.featured-user-diamonds>label div h6,.featured-user-duckets>label div h6,.featured-user-emeralds>label div h6 {
    text-shadow: 0 0 5px rgba(0,0,0,.5)
}

.featured-user-credits>label div,.featured-user-diamonds>label div,.featured-user-duckets>label div,.featured-user-emeralds>label div {
    margin: 2px 0 0
}

.rooms-featured {
}

.featured-room-box {
}

.featured-room-box:last-child {
    margin: 0!important
}

.featured-room-thumbnail::before {
    content: "";
    position: relative;
    background: url(../imgs/sprite.png) no-repeat -216px -103px;
    width: 24px;
    height: 23px;
    display: flex;
    margin: auto
}

.featured-room-thumbnail {
    position: relative;
    background: #e6e6e6;
    min-width: 45px;
    height: 45px;
    border-radius: 3px;
    margin: 0 10px 0 0;
    display: flex
}

.featured-room-box div:nth-child(2) {
    max-width: calc(100% - 55px)
}

.featured-room-users {
    position: relative;
    background: #e6e6e6;
    height: 18px;
    color: #868686;
    border-radius: 3px;
    padding: 3px 4px;
    margin: auto 0;
    font-size: 11px
}

.last-articles-news {
    position: relative;
    width: 100%;
    max-width: 374px;
    height: 247px
}

.last-article-news,.last-article-news-background {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 230px;
    top: 0;
    border-radius: 5px;
    padding: 13px;
    margin: 17px 0 0;
    color: #828282;
    z-index: 1
}

.last-article-news-thumbnail {
    position: relative;
    background: bottom right/cover no-repeat rgb(125,209,229);
    width: 100%;
    min-height: 150px;
    border-radius: 5px;
    margin: -30px 0 10px;
    display: flex;
    z-index: 1
}

.last-article-news label {
    height: 74px
}

.last-article-news-info {
    position: relative;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 5px;
    margin: auto 0 0;
    font-size: 11px;
    text-align: center
}

.control-last-articles-news {
    position: absolute;
    width: 30px;
    top: 10px;
    right: 25px;
    z-index: 10
}

.control-last-articles-news span:hover {
    cursor: pointer
}

.social-media-facebook,.social-media-twitter,.social-media-discord,.desktop-haibbo-application {
    position: relative;
    background: #fff;
    height: 44px;
    color: #828282;
    border-radius: 5px;
    padding: 13px 13px 13px 60px;
    margin: 0 0 8px!important;
    font-weight: 700;
    font-size: 17px;
    overflow: hidden
}

.social-media-discord {
    margin: 0!important
}

.social-media-facebook::after {
    content: "";
    position: absolute;
    background: url(../imgs/sprite.png) no-repeat -974px -147px;
    width: 54px;
    height: 44px;
    top: 50%;
    top: 0;
    left: 0
}

.social-media-twitter::after {
    content: "";
    position: absolute;
    background: url(../imgs/sprite.png) no-repeat -974px -101px;
    width: 54px;
    height: 44px;
    top: 50%;
    top: 0;
    left: 0
}

.social-media-discord::after {
    content: "";
    position: absolute;
    background: url(../imgs/sprite.png) no-repeat -974px -55px;
    width: 54px;
    height: 44px;
    top: 50%;
    top: 0;
    left: 0
}

.desktop-haibbo-application::after {
    content: "";
    position: absolute;
    background: url(../imgs/sprite.png) no-repeat -974px -9px;
    width: 54px;
    height: 44px;
    top: 0;
    left: 0
}

.news-article {
}

.news-article-head {
    position: relative;
    border-bottom: 1px solid #d5d4d2
}

.news-article-thumbnail::before {
    content: ""
}

.news-article-thumbnail {
    position: relative;
    background: right center/auto no-repeat rgb(125,209,229);
    width: 110px;
    height: 90px;
    margin: 0 20px 0 0;
    display: flex
}

.news-article-thumbnail::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    border: 10px solid #fff;
    border-top-color: transparent;
    border-left: transparent;
    border-bottom-color: transparent;
    transform: translate(0%,-50%)
}

.news-article-thumbnail .news-article-author {
    position: relative;
    height: 80px;
    left: -2px;
    margin: auto auto 0;
    overflow: hidden
}

.news-article-thumbnail .news-article-author img {
}

.news-article-body {
    position: relative;
    color: #787878;
    border-bottom: 1px solid #d5d4d2;
    padding: 0 15px;
    font-size: 13px
}

.news-article-footer {
    width: 100%;
    height: 61px
}

.news-article-form,.news-article-form-disabled {
    position: relative;
    background: #59ba56;
    border: 1px solid #499647;
    border-radius: 3px;
    padding: 8px 13px 8px 10px
}

.news-article-form:hover {
    background: #5ec15a
}

.news-article-like {
    position: relative;
    width: 37px;
    color: #d60046
}

.article-send-comment {
    background-image: url(../imgs/custom/comments.png);
    background-repeat: no-repeat;
    background-position: 105% -35px
}

.general-box.article-comments-disabled {
    background: url(../imgs/custom/safetytips7_n.png) 101% -40px/auto no-repeat rgb(224,148,208);
    padding: 20px
}

.article-send-comment-habbo {
    position: relative;
    min-width: 64px;
    height: 90px;
    margin: 0 5px -10px -10px;
    overflow: hidden
}

[placeholder]:empty::before {
    content: attr(placeholder);
    color: #b3b3b3
}

[placeholder]:empty:focus::before {
    content: ""
}

.general-contenteditable {
    position: relative;
    background: #f1f1f1;
    width: 100%;
    min-height: 78px;
    max-height: 80px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    color: #787878;
    font-size: 13px;
    overflow: hidden
}

.general-contenteditable>[contenteditable=true] {
    width: calc(100% - 20px);
    padding: 10px;
    height: inherit;
    overflow: hidden auto
}

.general-contenteditable>.contenteditable-editor {
    position: absolute;
    background: #e2e2e2;
    width: 20px;
    height: 100%;
    padding: 10px 0;
    right: 0
}

.general-contenteditable>.contenteditable-editor button {
    text-align: center;
    font-size: 14px;
    margin: auto 0
}

.article-send-comment-button {
    position: relative;
    width: 215px;
    display: flex;
    margin: 0 0 0 15px
}

.article-send-comment-button button {
    position: relative;
    background: #4cae4f;
    height: 40px;
    color: #fff;
    border: 1px solid #3f9842;
    border-radius: 5px;
    padding: 10px 13px;
    margin: auto
}

.article-comment-author-habbo::before {
    content: "";
    position: absolute;
    background: #e8e8e8;
    width: 100%;
    height: 100%
}

.article-comment-author-habbo {
    position: relative;
    min-width: 40px;
    height: 40px;
    border-radius: 3px;
    overflow: hidden;
    display: flex
}

.article-comment-box label {
    position: relative;
    max-width: 628px;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow: hidden
}

.general-box-header-3 {
    position: relative;
    padding: 12px;
    border-bottom: 1px solid #d5d4d2
}

.general-box-header-3-icon {
    position: relative;
    min-width: 45px;
    height: 45px;
    border: 2px solid #d4d3d1;
    border-radius: 5px;
    margin: 0 10px 0 0;
    box-shadow: 0 0 20px rgba(0,0,0,.05);
    display: flex
}

.general-box-header-3 label {
    white-space: nowrap;
    margin: auto 0;
    overflow: hidden
}

.general-box-header-3 label h4 {
    text-overflow: ellipsis;
    overflow: hidden
}

.general-box-header-3 label h5 {
    text-overflow: ellipsis;
    overflow: hidden
}

.others-articles-separator {
    position: relative;
    background: #aec0c6;
    color: #fff;
    padding: 10px;
    font-size: 13px
}

.others-articles-boxes .other-aticle-box:last-child {
    border-bottom: none
}

.other-aticle-box::before {
    content: "";
    position: absolute;
    background: rgba(125,209,229,.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.other-aticle-box {
    position: relative;
    background: right center/auto no-repeat rgb(180,217,224);
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    display: flex
}

.other-article-indicator {
    position: relative;
    background: url(../imgs/sprite.png) no-repeat -269px -102px;
    min-width: 20px;
    height: 21px;
    margin: auto 8px auto 0
}

.other-article-indicator.visited {
    background: url(../imgs/sprite.png) no-repeat -244px -103px
}

.modal-container::before {
    content: "";
    position: absolute;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.modal-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: none;
    overflow: auto
}

.modal-container-box {
    position: relative;
    width: 100%;
    max-width: 450px;
    height: auto;
    margin: auto
}

.modal-container-box-article-info {
    position: relative;
    background: #ebebeb;
    border: 1px solid #d3d3d3;
    border-radius: 5px
}

.modal-container-box-article-habbo-author {
    position: relative;
    height: 75px;
    margin: -25px 0 0 -5px;
    overflow: hidden
}

.modal-container-box-form div:nth-child(1) icon {
    margin: 0 0 -18px;
    top: 10px;
    left: 10px
}

.modal-container-box-form div:nth-child(1) input {
    padding: 10px 10px 10px 33px
}

.modal-container-box-form div:nth-child(2) icon {
    margin: 0 0 -16px;
    top: 11px;
    left: 10px
}

.modal-container-box-form div:nth-child(2) input {
    padding: 10px 10px 10px 33px
}

.modal-container-box-form div:nth-child(3) icon {
    margin: 0 0 -14px;
    top: 11px;
    left: 10px
}

.modal-container-box-form div:nth-child(3) textarea {
    padding: 10px 10px 10px 33px
}

.modal-content {
    position: relative;
    width: inherit;
    height: inherit;
    display: flex;
    overflow: auto;
    padding: 15px
}

.general-box.hall-of-fame {
    position: relative;
    width: 100%;
    max-width: 313px;
    height: fit-content
}

.first-famous-habbo-banner {
    position: relative;
    height: 70px
}

.first-famous-habbo-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../imgs/custom/animaatjes-habbo-1300759.png') center right/auto no-repeat scroll;
    opacity: .1
}

.first-famous-habbo-banner.credits {
    background-color: #f8d12b;
    color: #f8d12b
}

.first-famous-habbo-banner.diamonds {
    background-color: #7ecdd2;
    color: #7ecdd2
}

.first-famous-habbo-banner.duckets {
    background-color: #bc79bc;
    color: #bc79bc
}

.first-famous-habbo-banner.emeralds {
    background-color: #50b8ae
}

.first-famous-habbo-banner.events {
    background-color: #be9225
}

.first-famous-habbo-banner.promotions {
    background-color: #ff7336
}

.first-famous-habbo-banner label {
    position: absolute;
    background: #fff;
    right: 0;
    bottom: 0;
    border-radius: 5px 0 0 0;
    padding: 5px 15px;
    font-size: 12px
}

.first-famous-habbo-banner.events label {
    color: #be9225
}

.first-famous-habbo-banner.promotions label {
    color: #ff7336
}

.first-famous-habbo-imager {
    position: relative;
    min-width: 64px;
    height: 92px;
    margin: -42px 0 0;
    overflow: hidden
}

.trophy {
    position: relative;
    background: #eaeaea;
    border-radius: 3px;
    padding: 7px;
    margin: 0 6px 0 auto
}

.others-famous-habbo {
    position: relative;
    background: #f9f9f9;
    height: 55px
}

.others-famous-habbo-imager {
    position: relative;
    min-width: 64px;
    height: 75px;
    margin: -10px 0 0;
    overflow: hidden
}

.general-box.hall-of-fame>div:nth-child(3),.general-box.hall-of-fame>div:nth-child(5),.general-box.hall-of-fame>div:nth-child(7),.general-box.hall-of-fame>div:nth-child(9) {
    background-color: #fff!important
}

.profile-card-main {
}

.profile-card-main-cover {
    position: relative;
    background: #b1d4eb;
    height: 180px
}

.profile-card-main-cover img {
}

.profile-card-main-about {
    margin: -180px 0 0
}

.profile-card-main-about-habbo {
    position: relative;
    background: #0000004d;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    overflow: hidden;
    display: flex
}

.profile-card-main-about-habbo-imager {
}

.profile-card-main-about-picture {
    position: relative;
    background: #7dd1e5;
    width: 139px;
    height: 139px;
    border: 2px solid #fff;
    border-radius: 5px
}

.profile-card-main-about-picture.default {
    background: url('../imgs/perfil.png') 0 0/auto no-repeat scroll;
    display: flex
}

.profile-card-main-about-picture-imager {
    position: relative;
    height: 90px;
    margin: auto 10px 0 auto;
    overflow: hidden
}

.profile-card-main-about-lastlogin {
}

.profile-card-main-about-friends {
    position: relative;
    background: #0000004d;
    border-radius: 5px;
    padding: 11px
}

.profile-card-main-about-infos {
}

.profile-card-main-about-display-infos {
}

.profile-card-main-about-another-infos {
}

.general-box-header-3 {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #d5d4d2
}

.send-errand-area {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.send-errand-area>div.general-contenteditable {
    border-radius: 5px 5px 0 0;
    border-bottom: none
}

.send-errand-area>button.green-button-2 {
    border-radius: unset
}

.errands-area-box {
    position: relative;
    background: #e5e5e5;
    border-radius: 5px;
    padding: 10px
}

.errands-area-box:last-child {
    margin: 0!important
}

.errands-area-box-author-imager {
    position: relative;
    width: 32px;
    height: 55px;
    margin: -5px 5px 0 0
}

.send-errand-area-nofriends {
    position: relative;
    background: #fff;
    border-top: 1px solid #d5d4d2;
    margin: 0 -15px -15px;
    padding: 15px 10px;
    text-align: center
}

.errands-area {
    position: relative;
    max-height: 220px;
    border-radius: 5px;
    overflow: hidden auto
}

.errands-area::-webkit-scrollbar {
    position: relative;
    width: 15px;
    padding: 5px
}

.errands-area::-webkit-scrollbar-thumb {
    background: #888;
    border-left: 5px solid #f8f8f8
}

.errands-area::-webkit-scrollbar-thumb:hover {
    background: #555
}

.profile-card-main-about-badges {
    position: relative;
    background: #fff;
    width: 370px;
    height: 60px;
    border-radius: 5px 5px 0 0;
    margin: 35px 0 0;
    padding: 10px;
    padding-bottom: inherit
}

.profile-card-main-about-badges-display {
    position: relative;
    background: #f0f0f0;
    width: 50px;
    height: 50px;
    top: 0;
    border-radius: 5px;
    padding: 5px;
    margin: 0 0 0 10px;
    box-shadow: none;
    display: flex;
    transition: top .3s,box-shadow .25s linear
}

.profile-card-main-about-badges-display.badge:hover {
    top: -2px;
    box-shadow: 0 3px 5px 0 #dcdcdc
}

.profile-card-main-about-badges-display img {
    width: initial;
    margin: auto
}

.profile-card-main-about-badges-display:first-child {
    margin: unset
}

.profile-card-main-about-badges-display.not-badge::before {
    content: "";
    background: url(../imgs/sprite.png) no-repeat -1096px -429px;
    width: 39px;
    height: 39px;
    margin: auto
}

.profile-badges-display,.profile-group-display {
    position: relative;
    background: #f0f0f0;
    width: 50px;
    height: 50px;
    top: 0;
    border-radius: 5px;
    padding: 5px;
    margin: 0 0 0 10px;
    box-shadow: none;
    display: flex
}

.profile-badges-display:first-child,.profile-group-display:first-child {
    margin: 0
}

.profile-badges-display>img,.profile-group-display>img {
    margin: auto
}

.profile-rooms-box {
    position: relative;
    background: #e2e2e2;
    height: 40px;
    border-radius: 5px;
    padding: 5px 5px 5px 10px;
    margin: 5px 0 0;
    overflow: hidden
}

.profile-rooms-box:first-child {
    margin: 0
}

.general-box.profile-badges>.general-box-header-3:before {
    content: "";
    position: absolute;
    background: url(../imgs/sprite.png) no-repeat -782px -962px;
    width: 361px;
    height: 139px;
    top: -70px;
    right: -195px
}

.general-box.profile-rooms>.general-box-header-3:before {
    content: "";
    position: absolute;
    background: url(../imgs/sprite.png) no-repeat -1px -1008px;
    width: 396px;
    height: 93px;
    right: -230px;
    bottom: 0
}

.general-box.profile-groups>.general-box-header-3:before {
    content: "";
    position: absolute;
    background: url(../imgs/sprite.png) no-repeat -1162px -961px;
    width: 459px;
    height: 140px;
    right: -310px;
    top: 0;
    transform: scale(.5);
    transform-origin: 0 0
}

.display-staff-box:first-child {
    border-top: unset
}

.display-staff-box {
    position: relative;
    border-top: 1px solid #d5d4d2
}

.display-staff-box:nth-child(2),.display-staff-box:nth-child(4),.display-staff-box:nth-child(6),.display-staff-box:nth-child(8),.display-staff-box:nth-child(10) {
    background: #f1f1f1
}

.display-staff-box-imager {
    position: relative;
    width: 64px;
    height: 75px;
    margin: -15px 5px 0 -5px;
    overflow: hidden
}

.online-status {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: auto 0 auto 2px
}

.online-status[enum="0"] {
    background: #afafaf
}

.online-status[enum="1"] {
    background: #57c35b
}

.general-box.vip:before {
    content: "";
    position: absolute;
    background: url('../imgs/vip_cover.png') left bottom/auto no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 0 0 5px 5px;
    opacity: .2
}

.general-box.vip {
    max-width: 305px;
    width: 100%;
    height: unset;
    margin: 11px 0 10px;
    border-radius: 5px;
    padding: 10px;
    display: -ms-flexbox;
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    float: unset
}

.general-box.vip .general-box-header {
    position: relative;
    background: #4e4e4e;
    border-radius: 5px;
    margin: -21px 0 10px;
    overflow: hidden
}

.general-box-header-content {
    position: relative;
    padding: 8px
}

.general-box.vip .general-box-header>.general-box-header-content>label .price {
    position: relative;
    background: #00000040;
    border-radius: 5px;
    padding: 6px 8px;
    margin: 0 0 0 auto
}

.vip-benefits {
    position: relative;
    display: none;
    overflow: hidden
}

.vip-benefits-cover {
    position: relative;
    background: url(https://i.imgur.com/hrAv9XI.png) -47px 20%/auto no-repeat #313131;
    min-height: 60px
}

.vip-benefits-list {
    background: #3a3a3a;
    padding: 10px
}

.vip-benefits-list>li {
    color: #fff;
    padding: 0;
    margin: 0 0 4px;
    font-size: 11px
}

.vip-benefits-list>li:last-child {
    margin: 0
}

.vip-benefits-list>li:before {
    content: "";
    position: relative;
    background: url(https://4.bp.blogspot.com/-izs4QzokVm0/V1kVsrQLe0I/AAAAAAAAqAU/47zgl6vmPUg0KKS5m6vQSjqjejPntgScwCKgB/s1600/plus.gif);
    width: 14px;
    height: 14px;
    top: 1px;
    border-radius: unset;
    border: unset;
    margin: -2px 5px 0 0;
    transform: unset
}

.discord-token-box {
    position: relative;
    background: #7289da;
    padding: 10px;
    border: 1px solid #d5d4d2;
    border-radius: 5px
}

.discord-token-area {
    position: relative;
    background: #fff;
    width: 100%;
    border-radius: 3px;
    margin: 10px 0 0;
    padding: 9px;
    font-size: 13px;
    overflow: hidden
}

.discord-token-badge {
    position: absolute;
    background: url('../imgs/discord-badge.png') 0 0/auto no-repeat;
    width: 40px;
    height: 40px;
    right: -9px;
    bottom: -4px
}

.card-packets {
    max-width: 630px;
    margin: 0 0 -10px;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    orphans: 1;
    widows: 1
}

.general-box.hall-of-fame.fastfood>.general-box-cover {
    position: absolute;
    background: url('https://cdn.discordapp.com/attachments/639437005125582863/698196325979914250/basejump_theme.png') 0 bottom/auto no-repeat scroll;
    width: 100%;
    height: 100px;
    opacity: .5;
    display: flex
}

.general-box.hall-of-fame.fastfood>.general-box-cover>label {
    position: relative;
    background: #fff;
    border-radius: 5px 0 0 5px;
    padding: 8px 10px;
    margin: auto 0 auto auto;
    font-size: 11px
}

.general-box.hall-of-fame.fastfood>.general-box-content {
    margin-top: 100px
}

.general-box.hall-of-fame.fastfood>.general-box-content>.hall-of-fame-fastfood-user {
    height: 55px
}

.general-box.hall-of-fame.fastfood>.general-box-content>.hall-of-fame-fastfood-user .hall-of-fame-fastfood-user-imager {
    position: relative;
    margin-top: -12px;
    height: 80px;
    overflow: hidden
}

.general-box.hall-of-fame.fastfood>.general-box-content>.hall-of-fame-fastfood-user:first-child .hall-of-fame-fastfood-user-imager>img:first-child {
    display: none
}

.general-box.hall-of-fame.fastfood>.general-box-content>.hall-of-fame-fastfood-user:first-child .hall-of-fame-fastfood-user-imager {
    margin-top: -37px;
    height: 92px
}

.general-box.hall-of-fame.fastfood>.general-box-content>.hall-of-fame-fastfood-user:not(:first-child) .hall-of-fame-fastfood-user-imager>img:last-child {
    display: none
}

.general-box.hall-of-fame.fastfood>.general-box-content>.hall-of-fame-fastfood-user:nth-child(2),.general-box.hall-of-fame.fastfood>.general-box-content>.hall-of-fame-fastfood-user:nth-child(4) {
    background-color: #f9f9f9
}

.general-box.hall-of-fame.fastfood-winner {
    height: 150px
}

.general-box.hall-of-fame.fastfood-winner>.general-box-cover {
    position: absolute;
    background: url('https://media.discordapp.net/attachments/639437005125582863/698196360624603226/u0WShCX.png') 0px -60px/auto no-repeat scroll;
    width: 100%;
    height: 150px
}

.general-box.hall-of-fame.fastfood-winner>.general-box-content {
    margin-top: 150px
}

.general-box.hall-of-fame.fastfood-winner>.general-box-cover>div.flex {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px
}

.general-box.hall-of-fame.fastfood-winner>.general-box-cover .cover-fastfood-winner-box {
    position: relative;
    background: #fff;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    margin: 2px 100px auto auto
}

.general-box.hall-of-fame.fastfood-winner>.general-box-cover .cover-fastfood-winner-imager {
    position: absolute;
    top: -3px;
    right: 45px
}

.general-box.fastfood-winner-rewarded {
}

.tooltip-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden
}

.tooltip {
    position: absolute;
    background: rgba(31,31,31,.9);
    color: #fff;
    border-radius: 7px;
    padding: 5px 8px;
    white-space: nowrap;
    pointer-events: none;
    display: none;
    font-size: 11px;
    z-index: 5000
}

.col-1 {
    max-width: 325px
}

.col-2 {
    position: relative;
    width: calc(100% - 335px)
}

.col-3 {
    position: relative;
    min-width: 501px;
    max-width: 501px
}

.col-6 {
    max-width: 233px
}

.col-7 {
    width: 100%;
    max-width: 576px
}

.col-8 {
    overflow: hidden;
    border-radius: 5px
}

.col-9>div:nth-child(1),.col-9>div:nth-child(2) {
    width: calc(100%/2);
    max-width: calc(100%/2);
    height: 248px
}

.col-10 {
    width: 100%;
    max-width: 350px;
    margin: 0 0 0 10px
}

.col-11 {
    width: 100%;
    max-width: 670px
}

.col-12 {
    width: 100%;
    max-width: 250px;
    margin: 0 0 0 auto;
    overflow: hidden
}

.col-13 {
    width: 100%;
    max-width: 510px
}

.col-14 {
    width: 100%;
    max-width: 410px
}

.col-15 {
    width: 300px
}

.reg-recaptcha {
    position: relative;
    background: #ececec;
    height: 59px;
    border-radius: 3px;
    overflow: hidden;
    display: flex
}

.g-recaptcha {
    position: relative;
    width: 304px;
    height: 78px;
    transform: scale(.77151);
    -webkit-transform: scale(.77151);
    -o-transform: scale(.77151);
    -ms-transform: scale(.77151);
    -moz-transform: scale(.77151);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0
}

img.emoji {
    width: 15px;
    height: 15px;
    margin: -4px 0
}