* {
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	outline: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color: #adcdf2 !important; 
	background-image: url(https://images.habbotravel.com/media/xmas_left.png), linear-gradient(#d3bfdd, #e4bac5, #eccc9f) !important ;	
	background-position: left bottom;	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family:"Ubuntu Habbo";
	src:url(https://images.habbo.com/habbo-web/america/en/assets/fonts/UbuntuHabbo.22a7d5e7.woff2) format("woff2"),url(https://images.habbo.com/habbo-web/america/en/assets/fonts/UbuntuHabbo.9d8d523c.woff) format("woff");unicode-range:U+007c,U+2020,U+2022,U+00b6,U+00b1,U+00a5,U+00b5,U+00aa,U+00ba,U+00ac,U+0192,U+00bb,U+2014,U+2018,U+2021
} 

.lazy {
	width: 700px; 
    height: 467px; 
	display: block;
}
/* Loader
-------------------------------------------------------------- */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00c6e5;
  z-index: 99; /* makes sure it stays on top */
}
#travyloader {
  width: 300px;
  height: 300px;
  transform: scale(2.0);
  position: absolute;
  left: 50%; /* centers the loading animation horizontally one the screen */
  top: 50%; /* centers the loading animation vertically one the screen */
  background-image: url(https://images.habbotravel.com/media/travy_load.png); /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -150px 0 0 -150px /* is width and height divided by two */
}

@keyframes travyanim {
        0% {
            transform: scale(2.0);
            -webkit-transform: scale(2.0);
        }
        100% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
    }

/* General Styles
-------------------------------------------------------------- */
html {
	font-size: 100.01%;
}
body {
	font-family: "Ubuntu", Arial, Tahoma;
	font-size: 1.0em;
	border: 0;
	color: #111;
	/*background-color: #e5e5e5;*/
	
	background-color: #6a0000;
    background-image: url(https://images.habbotravel.com/media/xmas_left.png), linear-gradient(#00c6e5, #48050e);
    background-position: left bottom;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: fixed
}

/* Links */
a, a:link, a:visited{
	color: #3aa7db;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

/* Form Elements */
input, textarea {
	padding: 0.7em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	font-family: "Ubuntu", Ubuntu, Arial, Tahoma;
	border-radius: 5px;
	box-shadow: 0 0 4px #ddd;
}
input[type="submit"], .greenbutton {
	background-color: #89cb33;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 5px 9px;
	color: white;
	text-shadow: 0 2px 1px #0000007a;
	text-align: center;
	box-shadow: inset 0 3px rgb(255 255 255 / 20%), inset 0 0px rgb(0 0 0 / 5%), inset 0 -40px rgb(0 0 0 / 5%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%), 0 1px 0px 1px #70a425;
	cursor: pointer;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	border: none;
}
input[type="submit"]:hover, .greenbutton:hover {
	filter: brightness(115%);
	-webkit-filter: brightness(115%);
	-moz-filter: brightness(115%);
}
input[type="submit"]:active, .greenbutton:active {
background-color: #6b9e28;
}
input[type="submit"]:active, .redbutton:active {
background-color: #6b9e28;
}
.greenbutton.disabled, .greenbutton.disabled:hover {
    background-color: #848484;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 5px 9px;
    color: white;
    text-shadow: 0 2px 1px #0000007a;
    text-align: center;
    box-shadow: inset 0 3px rgb(255 255 255 / 20%), inset 0 0px rgb(0 0 0 / 5%), inset 0 -40px rgb(0 0 0 / 5%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%), 0 1px 0px 1px #6c6c6c;
    cursor: default;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    border: none;
}
.greenbutton .fa, .greenbutton .fas {
    text-shadow: 0 2px 1px #0000007a;
}
.boxTitleButton {
	position: absolute;
	top: 3px;
	right: 5px;
}
.round-button {
    width: 61px;
	height: 61px;
    border-radius: 40px;
    box-shadow: inset 0 3px rgb(255 255 255 / 30%), inset 0 0px rgb(0 0 0 / 5%), inset 0 -3px rgb(0 0 0 / 5%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%), 0 1px 0px 1px #70a425;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 222px;
}
.extraBox {
    width: 150px;
    height: 150px;
    background-color: #27303a;
    display: inline-block;
    text-align: -webkit-center;
    float: right;
    border-radius: 100px;
    -webkit-box-shadow: inset 0 3px 0 0 #5d6977;
    border: transparent solid 2px;
    overflow: hidden;
    margin: 9px;
    background-clip: padding-box;
    cursor: pointer;
}
.extraBox #extra_info {
    width: 150px;
    height: 150px;
    border: 1px solid #19212a;
    border-radius: 30px;
    box-shadow: inset 0 -3px #1c222a;
}
.extraBG {
    animation-name: rotation;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: relative;
    width: 130%;
    height: 130%;
    background: url(https://images.habbotravel.com/media/badge_effect.png) no-repeat center;
    background-size: cover;
    top: -175px;
    left: -20px;
}
/* Clearing Floats */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
    *zoom: 1; /* For IE 6/7 only */
}

/* Make Form Elements responsive */
input, textarea, select {
	max-width: 100%;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Basic Structure
-------------------------------------------------------------- */
#wrapper {
	max-width: 1340px;
	width: 92%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #e9eef2;
}
#header-wrap {
}
#header {
	
}
#wrap {
	clear: both;
	padding: 1.5em 1.5em 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 15px rgb(0 0 0 / 25%);
}
#content {
	float: left;
	width: 75%;
	padding-right: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sidebar {
	float: right;
	width: 25%;
}

::-webkit-scrollbar {
	width:9px;
	height:9px;
	background: #FFFFFF;
	border: 2px solid #FFFFFF;
	-webkit-border-radius: 4px;
}

::-webkit-scrollbar-thumb {
	min-height: 10px;
	-webkit-border-radius: 10px;
	background: #453b3b;
	border: 2px solid #E4E5E0;
}

/* Header
-------------------------------------------------------------- */
#logo {
	float: left;
	max-width: 100%;
}
#logo .site-title {
	display: inline-block;
	font-size: 2.5em;
	font-weight: bold;
	color: #e84747;
	font-family: 'Francois One', Tahoma, Arial;
}
#logo .site-title a:link,
#logo .site-title a:visited {
	color: #3aa7db;
}
#logo .site-title a:hover,
#logo .site-title a:active {
	color: #333;
	text-decoration: none;
}
#logo .site-description {
	margin-top: 0.4em;
	color: #333;
}
#logo .custom-logo {
	margin: 0 1.5em 0 0;
	padding: 0;
	border: none;
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
#hotel_bg_right {
    background: url(https://images.habbotravel.com/media/xmas_right.png) no-repeat bottom right;
    width: 999px;
    height: 999px;
    position: fixed;
    z-index: -2;
    bottom: 0px;
    right: -180px;
}

/* Header Content */
#header-content {
	display: inline;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header-content #header-social-icons,
#header-content #header-text,
#header-content #header-search {
	float: right;
	margin-left: 1.5em;
}
#header-content #header-text {
	margin-top: 0.3em;
	line-height: 1.4em;
	font-size: 1.3em;
	color: #777;
}
#header-content #header-search #s {
	float: right;
}

/* Header Widgets */
.header-widgets {
	float: right;
}
.header-widget {
	float: left;
	margin-left: 1.5em;
}

.header-widget ul {
	margin: 0;
	padding: 0;
}

.header-widget-title {
	font-weight: bold;
	margin: 0 0 0.5em;
}

/* Custom Header Image */
#custom-header {
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	height: 160px;
	position: relative;
}
#custom-header img {
	max-width: 1340px;
	vertical-align: top;
	width: 100%;
	height: auto;
}
#logo_container {
	height: 160px;
    position: relative;
    overflow: hidden;
}
#logo_title {
    background: url(https://images.habbotravel.com/media/ht_logo_xmas21.png) no-repeat top;
	width: 344px;
    height: 261px;
    position: absolute;
    top: 5px;
    left: 71%;
}
#logo_titlewhite {
    background: url(https://images.habbotravel.com/media/ht_logowhite_xmas21.png) no-repeat bottom;
	width: 344px;
    height: 253px;
    position: absolute;
    top: -138px;
    left: 71%;
}
#logo_shine {
    background: url(https://images.habbotravel.com/media/shine.png) no-repeat;
    width: 600px;
    height: 600px;
    animation: rotation 12s infinite linear;
    position: absolute;
    top: -220px;
    left: 64%;
}
#logo_travy {
    background: url(https://images.habbotravel.com/media/travy_xmas21.png) no-repeat;
    width: 280px;
    height: 180px;
	z-index: 10;
    position: absolute;
	animation: float 2s ease-in-out infinite;
    top: 16px;
	left: 58%
}
#logo_travy_shadow {
    background: url() no-repeat;
    width: 230px;
    height: 130px;
    position: absolute;
    top: 25px;
	left: 10px;
}

  
@keyframes float {
   0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}   
}

@keyframes float2 {
   0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-5px);
	}
	100% {
		transform: translatey(0px);
	}   
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

#gru {
	margin-top: 1px;
    text-align: center;
    background-image: url(https://images.habbotravel.com/media/banner_xmas21.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 358px;
    position: relative;
}

#nuvole {
	background: url(https://images.habbotravel.com/media/clouds.png)repeat-x;
	background-color: #adcdf2;
	width: 100%;
	margin-top: -100px;
	margin-left: -1-0px;
	position: relative;
	z-index: -1;
	height: 500px;
	animation: nuvoleanim 100s linear infinite;
}

@keyframes nuvoleanim{
	0%{background-position: 0 0;}
	100%{background-position: 100vw 0;}
}

/* Top Navigation
-------------------------------------------------------------- */
#topnavi-wrap {
	background: #e84747;
	position: relative;
}
#topnavi-wrap #topnavi-social-icons {
	float: right;
}
#topnav-toggle {
	display: none;
}
.top-navigation-menu {
	display: inline;
	list-style-type: none;
	list-style-position: outside;
}
.top-navigation-menu li {
	float: left;
}
.top-navigation-menu a {
	display: block;
	font-size: 0.8em;
	padding: 0.9em 1em;
	text-decoration: none;
}
.top-navigation-menu a:link, .top-navigation-menu a:visited {
	color: #fff;
	text-decoration: none;
}
.top-navigation-menu a:hover {
	background: #333;
}
.top-navigation-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	color: #fff;
	background: #333;
}
.top-navigation-menu ul li{
	float: none;
	position: relative;
}
.top-navigation-menu ul a {
	min-width: 250px;
	min-width: 16rem;
	padding: 1em 1.2em;
	font-size: 0.75em;
	text-transform: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.top-navigation-menu ul a:link, .top-navigation-menu ul a:visited {
	color: #fff;
}
.top-navigation-menu ul a:hover {
	background: rgba(255,2555,255,0.075);
}
.top-navigation-menu li ul ul {
	top: 0;
	left: 100%;
	border-left: 1px solid rgba(255,255,255,0.2);
}
.top-navigation-menu li.menu-item-has-children:hover > ul,
.top-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
	display: block;
}
.top-navigation-menu li.current_page_item a, .top-navigation-menu li.current-menu-item a {
	text-decoration: underline;
}
.top-navigation-menu li.current_page_item ul li a, .top-navigation-menu li.current-menu-item ul li a{
	color: #fff;
	text-decoration: none;
}
.top-navigation-menu li.current_page_item ul li a:hover, .top-navigation-menu li.current-menu-item ul li a:hover {
	text-decoration: underline;
}
.top-navigation-menu ul li.current_page_item a, .top-navigation-menu ul li.current-menu-item a {
	color: #fff;
	text-decoration: underline;
}
.top-navigation-menu ul li.current_page_item ul li a, .top-navigation-menu ul li.current-menu-item ul li a{
	text-decoration: none;
}

/* Mega Menu Styling */
.top-navigation-menu .mega-menu-content .mega-menu-widget ul li a:hover,
.top-navigation-menu .mega-menu-content .mega-menu-widget ul li a:active {
	color: rgba(255,255,255,0.6);
}

/* Navigation Menu
-------------------------------------------------------------- */

.main-navigation-menu ul a:link, .main-navigation-menu ul a:visited{
	color: #333;
	font-size: 0.9em;
	text-decoration: none;
}
.main-navigation-menu ul a:hover {
	color: #fff;
	background: #e84747;
}
.main-navigation-menu li ul ul {
	top: 0;
	left: 100%;
}
.main-navigation-menu li.menu-item-has-children:hover > ul,
.main-navigation-menu li.page_item_has_children:hover > ul,
.main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
	display: block;
}
.main-navigation-menu li.current_page_item a, .main-navigation-menu li.current-menu-item a {
	text-decoration: underline;
}
.main-navigation-menu li.current_page_item ul li a, .main-navigation-menu li.current-menu-item ul li a{
	text-decoration: none;
}
.main-navigation-menu ul li.current_page_item a, .main-navigation-menu ul li.current-menu-item a {
	text-decoration: underline;
}
.main-navigation-menu ul li.current_page_item ul li a, .main-navigation-menu ul li.current-menu-item ul li a{
	text-decoration: none;
}

/* Mega Menu Styling */
.mega-menu-content {
	line-height: 1.5;
}
.mega-menu-content .mega-menu-widget .mega-menu-widget-header-title {
	font-weight: bold;
}
.main-navigation-menu .mega-menu-content .widget_meta ul li a,
.main-navigation-menu .mega-menu-content .widget_pages ul li a,
.main-navigation-menu .mega-menu-content .widget_categories ul li a,
.main-navigation-menu .mega-menu-content .widget_archive ul li a {
	display: block;
	padding: 0.5em 0.75em;
}
.main-navigation-menu .mega-menu-content .mega-menu-widget .entry-meta,
.main-navigation-menu .mega-menu-content .mega-menu-widget .entry-meta span:before {
	color: #555;
}

/* Menu Elements
-------------------------------------------------------------- */

.dropdown-content p {
    background: #272f39;
	box-shadow: 0 0 5px #0009, inset 0 3px rgb(255 255 255 / 10%), inset 0 0px rgb(0 0 0 / 5%), inset 0 -5px rgb(0 0 0 / 15%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%);
    color: #eee;
    display: block;
    font: bold 15px/47px ubuntu;
	border-radius:5px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.dropdown-content p:hover {
    background: #455364;
}
.separator {
    content: "";
    width: 1px;
    height: 37px;
    background-color: #1c222a;
    display: block;
    float: left;
    border-right: 1px solid #363f4b;
	position: relative;
	right: 20px;
    bottom: 5px;
}

@keyframes bgadmin {

  10% {
    box-shadow: 0 0 0 0;
    opacity: 0.7;
  }

  70% {
    box-shadow: 0 0 5px 10px;
    opacity: 0;
  }

  100% {
    box-shadow: 0 0 0 0;
    opacity: 0;
  }
}

#userbar {
    float: right;
    margin-top: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#userbar #welcomeUser {
    float: right;
    height: 28px;
    padding: 5px 9px 0px 0px;
    margin-right: 13px;
	margin-top: -6px;
    text-align: right;
}

#userbar #logout {
    float: right;
    height: 28px;
    background-color: #c20d0d;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 5px 9px 0px 0px;
    color: white;
    text-shadow: 0 2px 1px #0000007a;
    margin-right: 11px;
	margin-top: -6px;
    text-align: right;
	box-shadow: inset 0 3px rgb(255 255 255 / 20%), inset 0 0px rgb(0 0 0 / 5%), inset 0 -40px rgb(0 0 0 / 5%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%), 0 1px 0px 1px #911e1e;
	cursor: pointer;
	-webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;

}

#userbar #login:before, #userbar #welcomeUser:before {
	content: "";
	display: block;
	float: left;
    margin: 2px 8px 0 8px;
}

#userbar #logout:before {
	content: "";
	display: block;
	float: left;
    margin: -3px 0px 0 8px;
}

#userbar #login:before {
    background-image: url(https://images.habbotravel.com/media/mini_icons.png);
    width: 14px;
    height: 16px;
    background-position: 30px 0px;
}

#userbar #register:before {
    background-image: url(https://images.habbotravel.com/media/icon_register-1.png);
    width: 25px;
    height: 25px;
	margin: -4px 3px 0 5px;
    content: "";
	display: block;
	float: left; 
}

#userbar #welcomeUser:before {
    background-image: url(https://images.habbotravel.com/media/mini_icons.png);
    width: 16px;
    height: 17px;
    background-position: 16px 0px;
}

#userbar #logout:before {
    background-image: url(https://images.habbotravel.com/media/logout.png);
    width: 35px;
    height: 28px;
    background-position: 0px 0px;
}

#userbar #logout:active {
	background-color: #911e1e;
}

#userbar #login:hover, #userbar #register:hover {
    background-color: #7cb72e;
    filter: brightness(115%);
    -webkit-filter: brightness(115%);
    -moz-filter: brightness(115%);
	-webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

#userbar #logout:hover {
    background-color: #cf0a0a;
    filter: brightness(102%);
    -webkit-filter: brightness(107%);
    -moz-filter: brightness(107%);
	-webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

#userbar #mobile-login {
	display: none;
}

.avatar-circle {
    width: 38px;
    height: 38px;
    overflow: hidden;
	position: relative;
	top: -4px;
	left: -10px;
    margin: auto;
    background-color: #222932;
    flex-direction: column;
    box-shadow: 0 1px 0 2px rgb(0 0 0 / 30%);
    border: 4px solid #495563;
    border-radius: 50%;
}

.avatar-circle #avatar {
    position: relative;
	top: -34px;
    left: -18px;
}

.wpum-login-form br{
	display: none;
}

/* Menu Login Form
-------------------------------------------------------------- */

#userbar-login-form {
	display: contents;
}
#userbar-login-form .checkbox {
	 --background: #fff;
	 --border: #d1d6ee;
	 --border-hover: #bbc1e1;
	 --border-active: #1e2235;
	 --tick: #fff;
	 position: relative;
}
#userbar-login-form .checkbox input, .checkbox svg {
	 width: 21px;
	 height: 21px;
	 display: block;
}
#userbar-login-form .checkbox input {
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 position: relative;
	 outline: none;
	 background: var(--background);
	 border: none;
	 margin: 0;
	 padding: 0;
	 cursor: pointer;
	 border-radius: 4px;
	 transition: box-shadow 0.3s;
	 box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}
#userbar-login-form .checkbox input:hover {
	 --s: 2px;
	 --b: var(--border-hover);
}
#userbar-login-form .checkbox input:checked {
	 --b: var(--border-active);
}
#userbar-login-form .checkbox svg {
	 pointer-events: none;
	 fill: none;
	 stroke-width: 2px;
	 stroke-linecap: round;
	 stroke-linejoin: round;
	 stroke: var(--stroke, var(--border-active));
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 21px;
	 height: 21px;
	 transform: scale(var(--scale, 1)) translateZ(0);
}
#userbar-login-form .checkbox.path input:checked {
	 --s: 2px;
	 transition-delay: 0.4s;
}
#userbar-login-form .checkbox.path input:checked + svg {
	 --a: 16.1 86.12;
	 --o: 102.22;
}
#userbar-login-form .checkbox.path svg {
	stroke-dasharray: var(--a, 86.12);
	stroke-dashoffset: var(--o, 86.12);
	transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}
#userbar-login-form .grid {
	display: inline-grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 24px;
	margin-right: -35px;
	margin-left: 5px;
}
#userbar-login-form .input-text {
    width: 120px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 5px;
    font-size: 15px;
    background-image: url(https://images.habbotravel.com/media/info_icon.png);
    background-position: 7px 3px;
    background-repeat: no-repeat;
    padding: 0px 2px 0px 30px;
	-webkit-box-shadow: inset 0 -40px rgb(0 0 0 / 2%), inset 0 -3px rgb(0 0 0 / 10%), 0 4px rgb(0 0 0 / 20%), 0 0 10px rgb(0 0 0 / 30%);
	
}

#userbar-login-form .input-text-password {
    width: 120px;
	font-family:"Ubuntu";
    height: 30px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 5px;
    font-size: 15px;
    background-image: url(https://images.habbotravel.com/media/password_icon.png);
    background-position: 7px 3px;
    background-repeat: no-repeat;
    padding: 0px 2px 0px 30px;
	-webkit-box-shadow: inset 0 -40px rgb(0 0 0 / 2%), inset 0 -3px rgb(0 0 0 / 10%), 0 4px rgb(0 0 0 / 20%), 0 0 10px rgb(0 0 0 / 30%);
	
}
#userbar-login-form .input-login {
	height: 30px;
	padding: 5.4px 9px 6px 30px;
	margin-right: 5px;
	text-align: center;
	background-image: url(https://images.habbotravel.com/media/login_icon.png);
    background-position: 4px 6px;
    background-repeat: no-repeat;
	display: inline-block;
}
#userbar #register {
    height: 30px;
    padding: 7px 9px 0px 0px;
    margin-right: 5px;
	margin-left: 5px;
    text-align: right;
	display: inline-block;
}
#userbar a:hover {
	text-decoration: none;
}

/*--------------------------------------------------------------
# Radio Player
--------------------------------------------------------------*/
#radiopanel {
	position: relative;
    float: left;
    box-sizing: border-box;
}
#radiopanel:after {
	content: "";
    width: 1px;
    height: 37px;
    background-color: #1c222a;
    display: block;
    float: left;
    margin: 8px 4px 0px 9px;
    border-right: 1px solid #363f4b;
}
#radioButton_Play, #radioButton_Mute {
    width: 37px;
    height: 26px;
    background-color: #515e6e;
    border-radius: 30px;
    text-align: center;
    line-height: 26px;
	color: #8e9faf;
	float: left;
	margin: 13px 7px 0 3px;
	cursor: pointer;
}

#radioButton_Play:hover, #radioButton_Mute:hover {
filter: brightness(130%);
}
#radioButton_Play:active, #radioButton_Mute:active {
filter: brightness(70%);
}
#radiolisteners {
	color: #667686;
    float: left;
    margin-top: 15px;
    font-size: 21px;
	text-shadow: 0 1px 3px rgb(0 0 0 / 60%);
}
.ui-slider .ui-slider-handle {
	border:0;
	background-color: #8e9faf;
	height:10px;
	width:10px;
	outline:0;
	position: absolute;
    border-radius: 10px;
    margin-left: -10px;
}
.ui-slider-horizontal {
	width: 163px;
    height: 10px;
    background-color: #303942;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px 0 #a7aaad5e;
    -moz-box-shadow: 0 1px 1px 0 #a7aaad5e;
    box-shadow: 0 1px 1px 0 #a7aaad5e;
	position: relative;
    overflow: hidden;
	margin: 21px 4px 0 0;
}
.ui-slider-horizontal .ui-slider-range-min {
	background-color: #667686;
    height: 10px;
    position: absolute;
	border-radius: 10px;
}

#radiopanel #request_travy {
	width:51px;
	height:39px;
    float: right;
    position: absolute;
    left: 335px;
    top: 8px;
	cursor: pointer;
	background: url(https://images.habbotravel.com/media/menu-icons.png) no-repeat top;
	background-position-x: -169px;
}

#radiopanel #request_travy:before {
	content: "";
	display: block;
	float: left;
    margin: -3px 0px 0 8px;
}

#radiopanel #request_travy:before {    
    width: 51px;
    height: 39px;
}

#radiopanel #request_travy:hover {
	background-position-y: -40px;
    filter: brightness(115%);
    -webkit-filter: brightness(115%);
    -moz-filter: brightness(115%);
}

/* SingStars */

#testo-container {
    overflow: hidden;
    width: 284px;
    height: 50px;
    float: right;
    position: absolute;
    left: 316px;
    top: 8px;
	color: #667686;
}

#testo-container:before {
    content: "";
    width: 1px;
    height: 37px;
    background-color: #1c222a;
    display: block;
    float: left;
	position: relative;
    margin: 0px 3px 0px 1px;
    border-right: 1px solid #363f4b;
}


#testo-container:after {
    content: "";
    width: 1px;
    height: 37px;
    background-color: #1c222a;
    display: block;
    float: left;
	position: relative;
	left: 275px;
    margin: 0px 3px 0px 1px;
    border-right: 1px solid #363f4b;
}

@keyframes gradientonair {

	50% {
		background: radial-gradient(closest-side, red 0%, rgba(212, 175, 55, 0) 0%);
	}
}

#testo-scroll {    
	top: 10px;
    left: -1px;
    margin-left: 3px;
    position: absolute;
    text-shadow: 0 1px 3px rgb(0 0 0 / 60%);
	height: 30px;
}

/* for Firefox */
@-moz-keyframes animtitolo {
  from { -moz-transform: translateX(100%); }
  to { -moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes animtitolo {
  from { -webkit-transform: translateX(100%); }
  to { -webkit-transform: translateX(-100%); }
}

@keyframes animtitolo {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

/* Widget Styling
-------------------------------------------------------------- */

.widget .textwidget {
	line-height: 1.5em;
}
.widget .textwidget p {
	margin-bottom: 1em;
}
.widget ul, .widget ol {
	line-height: 1.5em;
}
.widget ul {
	list-style: circle inside;
	color: #555;
}
.widget ul .children, .widget ol .children {
	padding: 0;
	margin: 0.5em 0 0.5em 1em;
}
.widget a:link, .widget a:visited  {
	text-decoration: none;
	color: #3aa7db;
}
.widget a:hover, .widget a:active {
	text-decoration: none;
}
.widget img {
	max-width: 100%;
	height: auto;
}
.widgettitle a:link, .widgettitle a:visited  {
	color: #fff;
}
.titlebar {
	font-size: 20px;
	font-family: 'Ubuntu', Arial, Tahoma;
	padding: 11px;
	color: #515151;
	border-radius: 5px;
	border-bottom: #e8e8e8 1px solid;
	-webkit-box-shadow: inset 0 3px rgb(255 255 255 / 20%), inset 0 0px rgb(0 0 0 / 5%), inset 0 -40px rgb(0 0 0 / 5%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%);
	box-shadow: inset 0 3px rgb(255 255 255 / 20%), inset 0 0px rgb(0 0 0 / 5%), inset 0 -40px rgb(0 0 0 / 5%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%);
	border: 1px solid #ddd;
	margin: 5px 11px;
	box-sizing: unset;
	line-height: 20px;
}

/* Custom Widgets
-------------------------------------------------------------- */

/* Theme Search Widget */
.search-form {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
	border-radius:10px;
	box-shadow: 0 0 10px #ddd;
}
.search-form .screen-reader-text {
	display: none;
}
.search-form .search-field {
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 1em 15px 1em 2.8em;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
    border-radius: 10px;
}
.search-form .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: transparent;
	padding: 0.8em 0.7em 0 0;
	cursor: pointer;
}
.search-form .search-submit .genericon-search {
	display: inline-block;
	width: 24px;
	height: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 1;
	font-family: 'Genericons';
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	vertical-align: text-bottom;
	color: #777;
	content: '\f400';
}
.search-form .search-submit:hover .genericon-search {
	color: #333;
}
.travy-search {
	background: url(https://images.habbotravel.com/media/travy_search.png) no-repeat;
	width: 40px;
	height: 42px;
	position: absolute;
    top: 5px;
    left: 5px;
	float: left;
}

#travy-404 {
	background: url(https://images.habbotravel.com/media/travy_404.png) no-repeat;
	width: 250px;
	height: 260px;
    margin-top:50px;
	float: right;
}

.wpforms-submit  {
    height: 30px;
    background-color: #89cb33;
    border-radius: 3px;
    box-sizing: border-box;
    color: white;
    text-shadow: 0 2px 1px #0000007a;
	border: none;
	outline: none;
    margin-top: -6px;
    text-align: right;
    box-shadow: inset 0 3px rgb(255 255 255 / 20%), inset 0 0px rgb(0 0 0 / 5%), inset 0 -40px rgb(0 0 0 / 5%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%);
    cursor: pointer;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.wpforms-submit:hover {
    background-color: #7cb72e;
    filter: brightness(115%);
    -webkit-filter: brightness(115%);
    -moz-filter: brightness(115%);
	-webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

/* Theme Calendar Widget */
#wp-calendar {
	margin: 0;
	width: 100%;
	color: #444;
	line-height: 1.6em;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: center;
}
#wp-calendar caption {
	padding: 0.4em 0;
	margin: 0 -0.4em 0.8em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#wp-calendar th {
	font-weight: bold;
	font-size: 0.85em;
	padding-bottom: 0.6em;
}
#wp-calendar tbody td {
	color: #888;
}
#wp-calendar tbody td a {
	font-weight: bold;
}
#wp-calendar tbody #today {
	font-weight: bold;
	color: #333;
}
#wp-calendar tfoot tr td {
	padding-top: 0.8em;
}
#wp-calendar #prev {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 0.4em;
	text-align: right;
}

/* Post Navigation */
.post-navigation {
	margin: 0 0 1.5em 0;
	padding: 0.8em 1em;
	color: #333;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 0 4px #ddd;
}
.post-navigation .nav-links:before,
.post-navigation .nav-links:after {
	content: "";
	display: table;
}
.post-navigation .nav-links:after {
	clear: both;
}
.post-navigation .nav-links .nav-previous {
	float: left;
}
.post-navigation .nav-links .nav-next {
	float: right;
}

/* Content Pagination */
.post-pagination {
	margin-top: 10px;
    width: 100%;
	padding: 2px 4px;
}
.post-pagination .current {
	padding: 0.5em 0.9em;
	margin-right: 0.2em;
	color: #e84747;
	text-decoration: underline;
}

/* Infinite Scroll Pagination */
.infinite-scroll .post-pagination {
	display: none;
}
.infinite-scroll #infinite-handle span {
	display: inline-block;
	margin-bottom: 1.5em;
	padding: 0.6em 1em;
	line-height: 1.5;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background-color: #e84747;
}
.infinite-scroll #infinite-handle span:hover {
	background-color: #303030;
}

/* Breadcrumbs */
.breadcrumbs {
	margin-bottom: 1em;
	padding: 0.7em 1em;
	color: #333;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
	background: #fff;
}
.breadcrumbs .trail-browse,
.breadcrumbs .trail-items,
.breadcrumbs .trail-items li {
	display: inline;
	line-height: 1.4;
}
.breadcrumbs .trail-browse {
	margin-right: 0.5em;
}
.breadcrumbs .trail-items {
	list-style: none;
}
.breadcrumbs .trail-items li::after {
	content: "\00bb"; /* Raquo */
	padding: 0 0.5em;
}
.trail-separator-slash .trail-items li::after { content: "\002F"; }
.trail-separator-dash .trail-items li::after { content: "\2013"; }
.trail-separator-bull .trail-items li::after { content: "\2022"; }
.trail-separator-arrow-bracket .trail-items li::after { content: "\003e"; }
.trail-separator-raquo .trail-items li::after { content: "\00bb"; }
.trail-separator-single-arrow .trail-items li::after { content: "\2192"; }
.trail-separator-double-arrow .trail-items li::after { content: "\21D2"; }
.breadcrumbs .trail-items li:last-of-type::after {
	display: none;
}

/* Text Elements
-------------------------------------------------------------- */


/* Images | Gallery | Videos
-------------------------------------------------------------- */

/* Add Genericons */
.social-icons-menu li a:before { content: '\f408'; } /* Default Icon */
.social-icons-menu li a[href*="codepen.io"]:before  { content: '\f216'; }
.social-icons-menu li a[href*="digg.com"]:before { content: '\f221'; }
.social-icons-menu li a[href*="dribbble.com"]:before { content: '\f201'; }
.social-icons-menu li a[href*="facebook.com"]:before { content: '\f203'; }
.social-icons-menu li a[href*="flickr.com"]:before { content: '\f211'; }
.social-icons-menu li a[href*="plus.google.com"]:before { content: '\f206'; }
.social-icons-menu li a[href*="github.com"]:before { content: '\f200'; }
.social-icons-menu li a[href*="instagram.com"]:before { content: '\f215'; }
.social-icons-menu li a[href*="linkedin.com"]:before { content: '\f207'; }
.social-icons-menu li a[href*="pinterest.com"]:before { content: '\f209'; }
.social-icons-menu li a[href*="polldaddy.com"]:before { content: '\f217'; }
.social-icons-menu li a[href*="getpocket.com"]:before { content: '\f224'; }
.social-icons-menu li a[href*="reddit.com"]:before { content: '\f222'; }
.social-icons-menu li a[href*="spotify.com"]:before { content: '\f515'; }
.social-icons-menu li a[href*="skype.com"]:before,
.social-icons-menu li a[href*="skype:"]:before { content: '\f220'; }
.social-icons-menu li a[href*="stumbleupon.com"]:before { content: '\f223'; }
.social-icons-menu li a[href*="tumblr.com"]:before { content: '\f214'; }
.social-icons-menu li a[href*="twitter.com"]:before { content: '\f202'; }
.social-icons-menu li a[href*="twitch.tv"]:before { content: '\f516'; }
.social-icons-menu li a[href*="vimeo.com"]:before  { content: '\f212'; }
.social-icons-menu li a[href*="wordpress.org"]:before,
.social-icons-menu li a[href*="wordpress.com"]:before { content: '\f205'; }
.social-icons-menu li a[href*="youtube.com"]:before { content: '\f213'; }
.social-icons-menu li a[href*="newsletter"]:before,
.social-icons-menu li a[href*="mailto"]:before { content: '\f410'; }
.social-icons-menu li a[href*="/feed"]:before,
.social-icons-menu li a[href*="/feed/"]:before,
.social-icons-menu li a[href*="?feed=rss2"]:before,
.social-icons-menu li a[href*="feedburner.google.com"]:before,
.social-icons-menu li a[href*="feedburner.com"]:before { content: '\f413'; }

/* Top Navigation Social Icons */
#topnavi-social-icons .social-icons-menu li a {
	padding: 0.6em;
}

/* Gutenberg Blocks
--------------------------------------------------------------*/

/* Audio */
.wp-block-audio audio {
	width: 100%;
}

/* Gallery */
.wp-block-gallery,
.entry .wp-block-gallery {
	margin: 0 0 1.5em;
}

/* Separator */
.wp-block-separator {
	height: 2px;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}

/* Quote */
.wp-block-quote.is-style-large {
	border: none;
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 28px;
	font-size: 1.75rem;
}

.wp-block-quote.is-style-large p {
	margin-bottom: 0.5em;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
}

.wp-block-quote.is-style-large cite {
	text-align: inherit;
}

/* Pullquote */
.wp-block-pullquote {
	margin-bottom: 1.5em;
	padding: 1.5em 0;
    border-bottom: 4px solid #ccc;
    border-top: 4px solid #ccc;
}

.wp-block-pullquote blockquote {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 28px;
	font-size: 1.75rem;
}

.wp-block-pullquote blockquote p {
	margin-bottom: 0.5em;
}

/* Cover */
.wp-block-cover {
	display: flex;
}

.wp-block-cover-text {
	margin-top: 0;
	margin-bottom: 0;
}

/* Block Text Colors */
.has-primary-color {
	color: #e84747;
}

.has-white-color {
	color: #ffffff;
}

.has-light-gray-color {
	color: #f0f0f0;
}

.has-dark-gray-color {
	color: #777777;
}

.has-black-color {
	color: #303030;
}

/* Block Background Colors */
.has-primary-background-color {
	background-color: #e84747;
}

.has-white-background-color {
	background-color: #ffffff;
}

.has-light-gray-background-color {
	background-color: #f0f0f0;
}

.has-dark-gray-background-color {
	background-color: #777777;
}

.has-black-background-color {
	background-color: #303030;
}

/* Comments
-------------------------------------------------------------- */


#comments {
	margin: 0 0 1.5em 0;
	padding: 1em 1.5em;
	background: #fff;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
}
#comments .comments-title {
	font-weight: bold;
	font-family: 'Francois One', Tahoma, Arial;
	color: #555;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	text-transform: uppercase;
	padding: 0.3em 0;
	border-bottom: 5px solid #555;
	font-size: 1.5em;
}
.commentlist {
	display: block;
	margin: 1.5em 0;
	font-family: "Ubuntu Habbo", "Ubuntu";
}
.commentlist .comment{
	margin-bottom: 1.5em;
    box-shadow: 0 0 4px #ddd;
    border: 1px solid #ddd;
    background: #fff;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    border-radius: 5px;
	overflow: hidden;
	position: relative;
}
.comment-left {
	width: 70px;
    float: left;
    min-height: 80px;
}
.comment-avatar {
	width: 60px;
    height: 60px;
	background-color: #eaeaea;
    border: 4px solid #ffffff;
    border-radius: 58px;
    margin: 5px 0 0 4px;
    overflow: hidden;
    box-shadow: 0 1px 0 2px rgb(0 0 0 / 10%), inset 0 7px rgb(255 255 255 / 30%), inset 0 0px rgb(0 0 0 / 1%), inset 0 -7px rgb(0 0 0 / 10%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%);

}

.comment-avatar-content {
	width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: -1px -11px;
}
.comment-content {
	overflow: hidden;
	padding: 0 5px;
}
.comment-authorline {
	overflow: hidden;
    font-size: 15px;
    border-bottom: 1px solid #e4e4e4;
	padding: 3px 0;
}
.comment-author-date {
	float: left;
	color: #808080;
    font-style: italic;
}
.comment-comcount {
	float: right;
	color: #808080;
    font-style: italic;
}
.comment p {
    margin: 3px 3px;
	color: #767575;
}
.comment-content .reply{
    position: absolute;
    right: 5px;
    bottom: 5px;
}
#comments .children {
	margin-left: 1.5em;
}
.nocomments {
	color: #444;
	padding: 1em;
}
.commentlist .pingback {
	display: block;
	margin: 0.6em 0 0;
	padding: 0.8em 0 0;
	border-top: 1px solid #ddd;
	list-style: none;
	line-height: 1.3em;
}

/* Comment Pagination */
.comment-pagination {
	font-size: 0.9em;
	padding: 0 1em;
	background: #eee;
	margin-bottom: 1.5em;
}
.comment-pagination .alignleft {
	float: left;
}
.comment-pagination .alignright {
	float: right;
}
.emojiBox{
	display: flex;
    margin: -3px 0 10px;
	flex-wrap: wrap;
}
.emojiBox_emoji{
	font-family: "Ubuntu Habbo";
	background-color: #89cb33;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 5px 9px;
	color: white;
	text-shadow: 0 2px 1px #0000007a;
	text-align: center;
	box-shadow: inset 0 3px rgb(255 255 255 / 20%), inset 0 0px rgb(0 0 0 / 5%), inset 0 -40px rgb(0 0 0 / 5%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%), 0 1px 0px 1px #70a425;
	cursor: pointer;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	border: none;
	margin: 3px;
	-webkit-user-select: none;
    -ms-user-select: none;
	user-select: none;
}
.emojiBox_emoji:hover{
	filter: brightness(115%);
	-webkit-filter: brightness(115%);
	-moz-filter: brightness(115%);
}
.emojiBox_emoji:active{
	background-color: #6b9e28;
}
/* Comment Form */
#respond .must-log-in {
	padding: 10px;
	text-align: center;
	color: #767575
}

#commentform {
	padding: 10px;
}
#commentform .logged-in-as {
	display: none;
}
#commentform p {
	/*margin: 1em 0;*/
}
#commentform input[type="text"], #commentform textarea {
	font-family: "Ubuntu Habbo", "Ubuntu";
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#commentform label {
	display: block;
	margin: 0.6em 0 0.2em;
}
#commentform #submit {
	margin-top: 1em;
	padding: 1em 4em;
	text-decoration: none;
}

/* Page Templates
-------------------------------------------------------------- */

/* Fullwidth Template */
.template-fullwidth #content {
	float: none;
	width: 100%;
	padding: 0;
}

/* Front Page Template and Widgets
-------------------------------------------------------------- */

/* Front Page Slideshow */
#frontpage-slider-wrap {
	padding: 0;
	margin-bottom: 2.6em;
	/* All other Slideshow Styles in flexslider.css */
}

.frontpage-magazine-no-widgets, .frontpage-slider-empty-posts {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

/* Category Posts Widgets */
#frontpage-magazine-widgets .widgettitle {

}
.widget-category-posts {
	margin-bottom: -1em;
}
.widget-category-posts .widgettitle .category-archive-link {
	float: right;
}
.widget-category-posts .widgettitle .category-archive-link .genericon-category {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	font-size: 21px;
	font-family: 'Genericons';
	text-decoration: inherit;
	vertical-align: top;
	content: '\f301';
	margin-top: -4px;
}
.widget-category-posts .widgettitle .category-archive-link .genericon-category:hover {
	text-decoration: none;
}
.widget-category-posts .type-post {
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
}
.widget-category-posts .more-link:link, .widget-category-posts .more-link:visited  {
	color: #fff;
}
.widget-category-posts .more-link:hover, .widget-category-posts .more-link:active {
	text-decoration: none;
}
.widget-category-posts .big-post .entry-title {
	font-size: 1.1em;
}
.widget-category-posts .big-post .wp-post-image {
	margin: 0 0 0.5em 0;
}
.widget-category-posts .small-post {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 1em 0;
	background: #eee;
}
.widget-category-posts .small-post .wp-post-image {
	float: left;
	margin: 0 0.8em 0 0;
	max-width: 30%;
}
.widget-category-posts .small-post .small-post-content {
	padding: 0.4em 0.8em;
}
.widget-category-posts .small-post .entry-title {
	border: none;
	margin: 0;
	font-size: 0.95em;
	font-family: 'Ubuntu', Arial, Tahoma;
}
.widget-category-posts .small-post .entry-meta {
	display: inline-block;
	background: none;
	padding: 0 0.3em 0.3em 0;
	font-size: 0.9em;
}
.widget-category-posts .small-post .entry-meta .sep  {
	padding-right: 0.4em;
	margin-right: 0.6em;
	border-right: 1px solid #aaa;
}

/* Category Posts Boxed Widget */
#widget-category-posts-boxed .big-post {
	float: left;
	width: 50%;
	padding-right: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-boxed .small-posts {
	width: 50%;
	margin-left: 50%;
}

/* Category Posts Grid Widget */
#widget-category-posts-grid .category-posts-grid-row {
	margin-right: -1.5em;
}
#widget-category-posts-grid .category-posts-grid-row.small-post-row {
	margin-right: -1em;
}
#widget-category-posts-grid .category-posts-grid-row .big-post,
#widget-category-posts-grid .category-posts-grid-row .small-post-wrap {
	float: left;
	width: 50%;
	padding-right: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-grid .category-posts-grid-row.small-post-row .small-post-wrap {
	padding-right: 1em;
}

/* Front Page Category Area Thre (two columns) */
#widget-category-posts-columns .category-posts-column-left {
	float: left;
	width: 50%;
	padding-right: 0.75em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-columns .category-posts-column-right {
	margin-left: 50%;
	width: 50%;
	padding-left: 0.75em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-columns .category-posts-columns .big-post {
	margin-bottom: 1.5em;
}

/* Single Category Post ) */
#widget-category-posts-single .single-post {
	margin: 0 0 1.2em 0;
}
#widget-category-posts-single .single-post .wp-post-image {
	margin: 0 0 0.5em 0;
}

/* Footer
-------------------------------------------------------------- */
#footer-wrap {
	background: #27303a;
}
#footer {
	padding: 1em 1.5em;
	color: #fff;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: inset 0 3px #3e4955, inset 0 -5px #222932, inset 0 -40px rgb(0 0 0 / 1%), inset 0 -1px rgb(0 0 0 / 15%), 0 4px rgb(0 0 0 / 1%);
    -webkit-box-shadow: inset 0 3px #576574, inset 0 -5px #222932, inset 0 -40px rgb(0 0 0 / 2%), inset 0 -1px rgb(0 0 0 / 15%), 0 4px rgb(0 0 0 / 10%), 0 0 10px rgb(0 0 0 / 40%);
	background-image: linear-gradient(transparent 6.72%, rgba(0, 0, 0, 0.3) 90.89%);
}
#footer a {
	color: #99aabe;
}
#footer a:hover {
	color: #fff;
}
#footer #footer-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.footer-section.footer-logo {
	flex: 2 1 120px;
}
.footer-section.footer-text {
	flex: 8 1 827px;
}
.footer-section.footer-social {
	flex: 1 1 130px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(34px, 40px));
	justify-content: center;
}
#footer #fansite_badge {
	position: relative;
	overflow: hidden;
	width: 130px;
    height: 130px;
	margin: auto;
}
#footer #fansite_badgeimg {
	background: url(https://images.habbotravel.com/media/fansite.png) no-repeat center;
	width: 130px;
    height: 130px;
	position: absolute;
	transition: 0.3s;
}
#footer #fansite_badgebg {
    background: url(https://images.habbotravel.com/media/bagliore.png) no-repeat center;
    width: 130px;
    height: 130px;
    animation: rotation 12s infinite linear;
    position: absolute;	
}
#footer .social-icon {
	transition: 0.3s;
	width: 32px;
    height: 35px;
	margin: 5px;
}
#footer .social-icon:hover, #fansite_badgeimg:hover {
	filter: brightness(110%);
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
}

/* Footer Navigation Menu */
#footernav {
	float: left;
}
#footernav-menu {
	float: left;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}
#footernav-menu li {
	float: left;
	position: relative;
	margin-right: 2em;
}
#footernav-menu a {
	display: inline-block;
	text-decoration: none;
	font-size: 0.9em;
}
#footernav-menu a:link, #footernav-menu a:visited{
	color: #fff;
	text-decoration: none;
}
#footernav-menu a:hover {
	text-decoration: underline;
}

/*============================ MEDIA QUERIES ============================*/

/* Small screens | <1120px */
@media only screen and (max-width: 70em) {
	#wrapper {
		width: 94%;
	}
}
/* Smaller screens | <1120px */
@media only screen and (max-width: 65em) {
	#wrapper {
		width: 96%;
	}
	.type-post, .type-page, .type-attachment, .page-header, .post-pagination,  #comments {
		box-shadow: none;
		border: none;
		padding: 0;
	}
}
/* Tablets (landscape) | <960px */
@media only screen and (max-width: 60em) {
	#wrapper {
		width: 100%;
	}
	#header {
		
	}
	#content {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	#header-content #header-social-icons,
	#header-content #header-text,
	#header-content #header-search,
	#header-content .header-widgets {
		display: none;
		margin: 0;
	}
	.mobile-header-social #header-content #header-social-icons,
	.mobile-header-search #header-content #header-search,
	.mobile-header-text #header-content #header-text,
	.mobile-header-widgets #header-content .header-widgets {
		display: inline-block;
		margin: 0;
	}
	.mobile-header-none #logo {
		float: none;
		width: 100%;
		text-align: center;
	}

	.type-post, .type-page, .type-attachment, .page-header, .post-pagination,  #comments {
		box-shadow: 0 0 4px #ddd;
		border: 1px solid #ddd;
		padding: 1.5em;
	}
	.type-post, .type-page, .type-attachment {
		padding: 0.8em 1.5em 1.5em;
	}
	#comments {
		padding: 1em 1.5em;
	}

	/* Mobile Navigation */

	/* Reset */
	#mainnav, .main-navigation-menu, .main-navigation-menu li, .main-navigation-menu a, .main-navigation-menu ul,
	.main-navigation-menu ul a, .main-navigation-menu ul ul, .main-navigation-menu li ul ul
	{

	}
	.main-navigation-menu li,
	.main-navigation-menu ul,
	.main-navigation-menu li ul ul,
	.main-navigation-menu .mega-menu-item .mega-menu-content,
	.main-navigation-menu .mega-menu-item .mega-menu-content .mega-menu-widget {

	}

	/* Main Navigation Toggle */
	#mainnav-toggle {

	}
	#mainnav-toggle:hover {

	}
	#mainnav-toggle:before {

	}
	.main-navigation-menu {

	}
	.main-navigation-menu a {

	}
	.main-navigation-menu ul {

	}
	.main-navigation-menu ul a {

	}
	.main-navigation-menu ul li ul {

	}
	.main-navigation-menu li.current_page_item a, .main-navigation-menu li.current-menu-item a {

	}
	.main-navigation-menu li.current_page_item ul li a, .main-navigation-menu li.current-menu-item ul li a{

	}
	.main-navigation-menu ul li.current_page_item a, .main-navigation-menu ul li.current-menu-item a {

	}

	.main-navigation-menu .submenu-dropdown-toggle {

	}
	.main-navigation-menu .submenu-dropdown-toggle:hover {

	}
	.main-navigation-menu .submenu-dropdown-toggle:before {

	}
	.main-navigation-menu .submenu-dropdown-toggle.active:before {

	}
	.main-navigation-menu ul .submenu-dropdown-toggle {

	}
	.main-navigation-menu ul .submenu-dropdown-toggle:before {

	}
	.main-navigation-menu ul .submenu-dropdown-toggle:hover:before {

	}

	/* Mega Menu Styling */
	.mega-menu-item .mega-menu-two-columns > li,
	.mega-menu-item .mega-menu-three-columns > li,
	.mega-menu-item .mega-menu-five-columns > li {
		width: 100%;
	}

	.mega-menu-item .mega-menu-four-columns > li,
	.mega-menu-item .mega-menu-six-columns > li {
		width: 50%;
	}

	/* Display Sidebar under content */
	#sidebar {
		clear: both;
		float: none;
		width: 100%;
	}

	/* Sliding Sidebar */
	.sliding-sidebar #wrapper {
		position: relative;
	}
	.sliding-sidebar #sidebar {
		float: none;
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 1.5em;
		background: #fff;
		width: 80%;
		height: 100%;
		overflow: auto;
		z-index: 200;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#sidebar-overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		text-align: center;
		z-index: 100;
	}

	/* Change Mainnav toggle if sliding sidebar is active */
	.sliding-sidebar #mainnav-toggle {
		display: inline-block;
		width: auto;
	}
	.sliding-sidebar #mainnav-toggle:before {
		float: left;
		margin: 0 0.8em 0 0;
	}

	/* Sidebar Toggle */
	.sidebar-navigation-toggle {
		float: right;
		display: inline-block;
		margin: 0;
		padding: 1.2em;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		font-family: 'Francois One', Tahoma, Arial;
		color: #fff;
		background: none;
		border: none;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		-ms-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}

	.sidebar-navigation-toggle:hover,
	.sidebar-navigation-toggle:active,
	.sidebar-navigation-toggle:focus {
		cursor: pointer;
		background: #e84747;
	}

	.sidebar-navigation-toggle:after {
		float: right;
		display: inline-block;
		margin: 0 0 0 0.4em;
		font: normal 24px/1 Genericons;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: '\f510';
		color: #ffff;
	}

	/* Sidebar Closing Toggle */
	.sidebar-closing-toggle {
		display: block;
		width: 100%;
		margin: 0 0 1.5em;
		padding: 0.5em;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		font-family: 'Francois One', Tahoma, Arial;
		color: #fff;
		background: #e84747;
		border: none;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		-ms-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}
	.sidebar-closing-toggle:hover,
	.sidebar-closing-toggle:active,
	.sidebar-closing-toggle:focus {
		cursor: pointer;
		background: #333;
	}
	.sidebar-closing-toggle:before {
		display: inline-block;
		float: left;
		font: normal 32px Genericons;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: top;
		content: '\f405';
		color: #fff;
		margin: -3px 0.15em -5px -0.15em;
	}

	/* Footer */
	#footer {
		text-align: center;
	}

	#footer #footer-text {
		float: none;
	}

	/* Footer Navigation Menu */
	#footernav {
		float: none;
	}
	#footernav-menu {
		float: none;
	}
	#footernav-menu li {
		float: none;
		display: inline-block;
		margin: 0 1em 1.5em;
	}
}

@media only screen and (max-width: 55em) {

	/* Mobile Top Navigation */

	/* Reset */
	#topnav, .top-navigation-menu, .top-navigation-menu li, .top-navigation-menu a, .top-navigation-menu ul,
	.top-navigation-menu ul a, .top-navigation-menu ul ul, .top-navigation-menu li ul ul
	{
		
	}
	.top-navigation-menu li,
	.top-navigation-menu ul,
	.top-navigation-menu li ul ul,
	.top-navigation-menu .mega-menu-item .mega-menu-content,
	.top-navigation-menu .mega-menu-item .mega-menu-content .mega-menu-widget {
		
	}

	#topnav-toggle {
		
	}
	#topnav-toggle:hover {
		
	}
	#topnav-toggle:after {
		
	}
	#topnav {
		
	}
	.top-navigation-menu {
		
	}
	.top-navigation-menu a {
		
	}
	.top-navigation-menu a:link, .top-navigation-menu a:visited {
		
	}
	.top-navigation-menu a:hover {
		
	}
	.top-navigation-menu ul {
		
	}
	.top-navigation-menu ul a {
		
	}
	.top-navigation-menu ul ul a {
		
	}
	.top-navigation-menu ul ul ul a {
		
	}
	.top-navigation-menu ul a:link, .top-navigation-menu ul a:visited {
		
	}
	.top-navigation-menu ul a:hover {
		
	}

	.top-navigation-menu .submenu-dropdown-toggle {
		
	}
	.top-navigation-menu .submenu-dropdown-toggle:hover {
		
	}
	.top-navigation-menu .submenu-dropdown-toggle:hover:before {
		
	}
	.top-navigation-menu .submenu-dropdown-toggle:before {
		
	}
	.top-navigation-menu .submenu-dropdown-toggle.active:before {
		
	}
	.top-navigation-menu ul .submenu-dropdown-toggle:before {
		
	}


	.top-navigation-menu li.current_page_item a, .top-navigation-menu li.current-menu-item a {
		
	}
	.top-navigation-menu li.current_page_item ul li a, .top-navigation-menu li.current-menu-item ul li a{
		
	}
	.top-navigation-menu li.current_page_item ul li a:hover, .top-navigation-menu li.current-menu-item ul li a:hover {
		
	}
	.top-navigation-menu ul li.current_page_item a, .top-navigation-menu ul li.current-menu-item a {
		
	}
	.top-navigation-menu ul li.current_page_item ul li a, .top-navigation-menu ul li.current-menu-item ul li a{
		
	}
}

/* Tablets (portrait) | <800px */
@media only screen and (max-width: 50em) {
	#logo .site-title {
		font-size: 2.3em;
	}
	.type-post, .type-page, .type-attachment, .page-header, .post-pagination,  #comments {
		box-shadow: none;
		border: none;
		padding: 0;
	}
	.entry h1, .comment h1 {
	font-size: 2.2em;
	}
	.entry h2, .comment h2 {
		font-size: 1.8em;
	}
	.entry h3, .comment h3 {
		font-size: 1.4em;
	}
}

/* Phablets (portrait) | <640px */
@media only screen and (max-width: 40em) {


}

@media only screen and (max-width: 35em) {
	#logo {
		float: none;
		width: 100%;
		text-align: center;
	}
	#header-content {
		display: block;
		text-align: center;
	}
	#header-content #header-social-icons,
	#header-content #header-text,
	#header-content #header-search {
		float: none;
		padding-top: 1em;
	}
	#header-content #header-text {
		margin-top: 0;
	}
	#header-content .header-widgets {
		float: none;
	}
	.header-widget {
		float: none;
		margin-left: 0;
		margin-top: 1em;
	}

}

/* Smartphones | <480px (iPhones)*/
@media only screen and (max-width: 30em) {
	#gru {
		background-position: right;
	}
	#logo_travy {
		display: none;
	}
	#logo_title {
		margin: auto;
		left: 0;
		right: 0;
		top: 7px;
	}
	#logo_titlewhite {
		margin: auto;
		left: 0px;
		right: 0;
		top: -136px;
	}
	#logo_shine {
		left: -81px;
		right: 0;
		margin: auto;
	}
	#userbar {
		/*float: initial;*/
	}
	#userbar #logout {
		display: none;
	}
	#userbar #welcomeUser {
		display: none;
	}
	#userbar #register {
		display: none;
	}
	#userbar #mobile-login {
		display: inline-block;
		margin-top: 4px;
	}
	#radiopanel {
		margin-bottom: 5px;
	}
	#master {
		display: none;
	}
	#testo-container {
		display: none;
	}
	#request_travy {
		float: initial !important;;
		position: initial !important;
		display: inline-block !important;;
	}
	#userbar-login-form {
		display: none;
	}
	
	#logo .site-title {
		font-size: 2.0em;
	}
	.alignright, .alignleft {
		float: none;
		margin: 1em 0;
	}

	/* Footer Navigation Menu */
	#footernav-menu li {
		display: block;
		margin: 0 0 1.5em;
	}
}

/* Smartphones | <375px (iPhone 6/7/8)*/
@media only screen and (max-width: 375px) {
	#request_travy {
		display: none;
	}
	.avatar-circle {
		margin-left: -10px;
	}
}
	
	
	

@media only screen and (max-width: 25em) {
	#header-content {
		display: none;
	}
}

/* Smartphones | <320px */
@media only screen and (max-width: 20em) {
	.entry-meta .meta-date, .entry-meta .meta-author, .entry-meta .meta-comments, .postinfo span {
		display: block;
	}
	.entry-meta .sep, .postinfo .sep, .entry-meta .post-edit-link {
		border: none;
		margin: 0;
		padding: 0;
	}
}

/*--------------------------------------------------------------
# Theme Option Styles
--------------------------------------------------------------*/

/* Sidebar Left Layout */
@media only screen and (min-width: 60em) {
	.sidebar-left #content {
		float: right;
		padding-right: 0;
		padding-left: 1.5em;
	}
	.sidebar-left #sidebar {
		float: left;
	}
}

/* Wide Theme Design */
@media only screen and (min-width: 60em) {
	.wide-layout #wrapper {
		margin: 0;
		width: 100%;
		max-width: 100%;
		background: none;
	}
	.wide-layout #header {
		padding: 3em 0.5em;
	}
	.wide-layout .container {
		max-width: 1340px;
		width: 92%;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.wide-layout #wrap {
		padding: 1.5em 0;
	}
}
@media only screen and (max-width: 70em) {
	.wide-layout .container {
		width: 94%;
	}
}
@media only screen and (max-width: 65em) {
	.wide-layout .container {
		width: 96%;
	}
	.wide-layout #wrapper {
		background: #fff;
	}
}
@media only screen and (max-width: 60em) {
	.wide-layout .container {
		width: 100%;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.wide-layout #wrap {
		padding: 1.5em 1.5em 0;
	}
}

/* Flat Theme Design */
.flat-layout .main-navigation-menu a {
	padding: 1.1em 1.2em;
	border-right: 1px solid rgba(255,255,255,0.1);
}
.flat-layout #topnavi-social-icons .social-icons-menu li a {
	padding: 0.5em;
}
.flat-layout #topnav-toggle {
	padding: 0.55em 1em;
}
.flat-layout .widget,
.flat-layout .type-post,
.flat-layout .type-page,
.flat-layout .type-attachment,
.flat-layout .page-header,
.flat-layout .post-pagination,
.flat-layout .post-navigation,
.flat-layout .breadcrumbs,
.flat-layout #comments {
	box-shadow: none;
	border-color: #e5e5e5;
}
@media only screen and (min-width: 55em) {
	.flat-layout .top-navigation-menu a {
		padding: 0.8em 0.9em;
		border-right: 1px solid rgba(255,255,255,0.1);
	}
}
@media only screen and (max-width: 60em) {
	.flat-layout #mainnav-toggle,
	.flat-layout .sidebar-navigation-toggle {
		padding: 0.9em 1.2em;
	}
	.flat-layout .main-navigation-menu .submenu-dropdown-toggle {
		padding: 0.7em 1.2em;
	}
}

/*--------------------------------------------------------------
# Media Query Fixes
--------------------------------------------------------------*/

/* Big Screens Navi Fix | >720px */
@media only screen and (min-width: 60.001em) {
	/* ensure #nav is visible on desktop version */
	.main-navigation-menu {
		display: block !important;
	}
	.sliding-sidebar #sidebar {
		display: block;
		position: static;
	}
}
@media only screen and (min-width: 55.001em) {
	.top-navigation-menu {
		display: block !important;
	}
	.top-navigation-menu li.menu-item:hover a {
		background: #333;
	}
	.top-navigation-menu li.menu-item li a:hover {
		background: rgba(255,2555,255,0.075);
	}
}

/*--------------------------------------------------------------
# Badges + Furni
--------------------------------------------------------------*/
#badgesContainer, #furniContainer, #avbadgesContainer {
	width: 95%;
    margin: 10px auto;
    position: relative;
    max-height: 235px;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(54px, 56px));
    justify-content: space-around;
}
.badgeBox {
	width: 50px;
	height: 50px;
	background-color: #eaeeef;
	display: inline-block;
	text-align: -webkit-center;
	border-radius: 8px;
	-webkit-box-shadow: inset 0 3px 0 0 #ffffff;
	border: transparent solid 2px;
	overflow: hidden;
	margin: 3px auto;
	background-clip: padding-box;
	cursor: pointer;
	-webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
	font-family: "Ubuntu Habbo", "Ubuntu";
}
.badgeBox:hover, .badgeBox.selected {
    background-color: #27303a;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 3px 0 0 #5d6977;
}
.badgeBox .badge {
	width: 48px;
	height: 48px;
	border: 1px solid #d4d6d5;
	border-radius: 6px;
	box-shadow: inset 0 -3px rgb(0 0 0 / 3%);
	-webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.badgeBox .badge:hover {
	border: 1px solid #19212a;
    box-shadow: inset 0 -3px #1c222a;
}
.greenBadgeBox .badge {
    border: 1px solid #6ba321;
    box-shadow: inset 0 -3px rgb(0 0 0 / 5%);
}
.greenBadgeBox {
    background-color: #89cb33;
    -webkit-box-shadow: inset 0 3px 0 0 #b2e372;
}
.greenBadgeBox:hover {
    background-color: #27303a;
    -webkit-box-shadow: inset 0 3px 0 0 #5d6977;
}
.greenBadgeBox .badge:hover {
	border: 1px solid #19212a;
    box-shadow: inset 0 -3px #1c222a;
}
/*--------------------------------------------------------------
# Friends Box
--------------------------------------------------------------*/
.friendsBox {
	width: 50px;
	height: 50px;
	background-color: #eaeeef;
	display: inline-block;
	text-align: -webkit-center;
	border-radius: 50px;
	-webkit-box-shadow: inset 0 3px 0 0 #ffffff;
	border: transparent solid 2px;
	overflow: hidden;
	margin: 3px auto;
	background-clip: padding-box;
	cursor: pointer;
	-webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.friendsBox:hover, .friendsBox.selected {
    background-color: #27303a;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 3px 0 0 #5d6977;
}
.friendsBox .friend {
	width: 48px;
	height: 48px;
	border: 1px solid #d4d6d5;
	border-radius: 50px;
	box-shadow: inset 0 -3px rgb(0 0 0 / 3%);
	-webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.friendsBox .friend:hover {
	border: 1px solid #19212a;
    box-shadow: inset 0 -3px #1c222a;
}

/*--------------------------------------------------------------
# Badge Soluzioni
--------------------------------------------------------------*/

.badgeBox_soluzioni {
	width: 55px;
	height: 55px;
    background-color: #27303a;
	display: inline-block;
	text-align: -webkit-center;
	float: right;
	border-radius: 30px;
    -webkit-box-shadow: inset 0 3px 0 0 #5d6977;
    border: transparent solid 2px;
	overflow: hidden;
	margin: 9px;
	background-clip: padding-box;
	cursor: pointer;
}

.badge_bg {
	animation-name: rotation;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: relative;
    width: 130%;
    height: 130%;
    background: url(https://images.habbotravel.com/media/badge_effect.png) no-repeat center;
    background-size: cover;
	top: -62px;
    left: -7px;
}

.badgeBox_soluzioni:hover {
	-webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    width: 55px;
    height: 55px;
    background-color: #27303a;
    display: inline-block;
    text-align: -webkit-center;
    border-radius: 30px;
    -webkit-box-shadow: inset 0 3px 0 0 #5d6977;
    border: transparent solid 2px;
    overflow: hidden;
    margin: 9px;
    background-clip: padding-box;
    cursor: pointer;
}

.badgeBox_soluzioni #badge_soluzioni {
	width: 53px;
	height: 53px;
	border: 1px solid #19212a;
	border-radius: 30px;
	box-shadow: inset 0 -3px #1c222a;
}

.badgeBox_soluzioni #badge_soluzioni:hover {
	-webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
	width: 53px;
	height: 53px;
	border: 1px solid #19212a;
    box-shadow: inset 0 -3px #1c222a;
}


/*--------------------------------------------------------------
# Archive
--------------------------------------------------------------*/

select#archives-dropdown-3 {
    min-width: 250px;
    height: 29px;
	margin-bottom: 20px;
	background: #fff;
    border: 0px solid #ddd;
    font-size: 1.0em;
    color: #333;
    font-family: 'Ubuntu', Arial, Tahoma;
    border-radius: 5px;
    box-shadow: 0 0 6px #ddd;
    width: 190px;
}

select#archives-dropdown--1 {
    background: #fff;
    border: 0px solid #ddd;
    font-size: 1.0em;
    color: #333;
    font-family: 'Ubuntu', Arial, Tahoma;
    border-radius: 5px;
    box-shadow: 0 0 6px #ddd;
    height: 31px;
    width: 190px;
}

.widget_archive h3 {
    text-align: left;
}

.widget_archive {
    text-align: center;
}

.widget_categories ul {
	padding-left: 10px;
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Story Slideshow
--------------------------------------------------------------*/
.story-slideshow .mySlides {display: none}

.story-slideshow {
  max-width: 1000px;
  position: relative;
  margin: auto;
  overflow: hidden;
}

.story-slideshow .prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: grey;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.story-slideshow .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.story-slideshow .prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.2);
}

.story-slideshow .text {
  font-size: 15px;
  padding: 8px 12px;
  border-left: 1px solid #999999ad;
}

.story-slideshow .image, .text {
	width: 50%;
	display: table-cell;
    vertical-align: middle;
    height: 300px;
    text-align: center;
    overflow: hidden;
}

.story-slideshow .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.story-slideshow .active, .dot:hover {
  background-color: #717171;
}

.story-slideshow .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
  overflow: hidden;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/*--------------------------------------------------------------
# Events Slideshow
--------------------------------------------------------------*/
.events-slideshow .mySlides {display: none}

.events-slideshow {
  max-width: 1000px;
  position: relative;
  margin: auto;
  overflow: hidden;
}

.events-slideshow .prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: grey;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.events-slideshow .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.events-slideshow .prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.2);
}

.events-slideshow .text {
  font-size: 15px;
  padding: 8px 12px;
  border-left: 1px solid #999999ad;
}

.events-slideshow .image, .text {
	width: 50%;
	display: table-cell;
    vertical-align: middle;
    height: 300px;
    text-align: center;
    overflow: hidden;
}

.events-slideshow .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.events-slideshow .active, .dot:hover {
  background-color: #717171;
}

.events-slideshow .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
  overflow: hidden;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/*--------------------------------------------------------------
# Staff Page
--------------------------------------------------------------*/



/*    height: 31px;
	width: 50px;
    overflow: hidden;
	float: left;
    margin: 5px 16px 2px 16px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 70%);
    text-align: center;
	-webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;*/


/*--------------------------------------------------------------
# Register Page
--------------------------------------------------------------*/
#register_container {
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content: space-between;
}
#register_container .error {
	color: red;
}
.register_side {
	width: 48%;
	color: #9a9a9a;
	padding: 10px;
    box-sizing: border-box;
}
.register_side p {
    margin: 10px 5px;
}
.register_side ul {
	list-style: none;
}
.conditions {
	font-size: 14px;
}
.psw_alert {
	font-size: 13px;
}
.register_side input[type="text"], .register_side input[type="password"] {
	width: 100%;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.register_side .input-checkbox {
	height: 13px;
}
.register_side select {
	padding: 0.7em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	font-family: 'Ubuntu', Arial, Tahoma;
	border-radius: 5px;
	box-shadow: 0 0 4px #ddd;
	height: 45px;
	width: 200px;
}
.register_side .wpum-action-links {
	margin: 20px 0 10px 0 !important;
}
@media screen and (max-width: 700px) {
	#register_container {
		flex-direction: column;
	}
	.register_side {
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Verify Page
--------------------------------------------------------------*/

#verify_container {
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content: space-between;
}
#verify_container .error {
	color: red;
}
.verify_side {
    color: #9a9a9a;
    padding: 10px;
    box-sizing: border-box;
}
.verify_side p {
    margin: 10px 5px;
}
.verify_side ul {
	list-style: none;
}
.conditions {
	font-size: 14px;
}

.verify_side select {
	padding: 0.7em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	font-family: 'Ubuntu', Arial, Tahoma;
	border-radius: 5px;
	box-shadow: 0 0 4px #ddd;
	height: 45px;
	width: 200px;
}
.verify_side .wpum-action-links {
	margin: 20px 0 10px 0 !important;
}
@media screen and (max-width: 700px) {
	#verify_container {
		flex-direction: column;
	}
	.verify_side {
		width: 100%;
	}
}


/*--------------------------------------------------------------
# Profile Page
--------------------------------------------------------------*/
#header-cover-image {
	display: none !important;
}
/*--------------------------------------------------------------
# Tooltip
--------------------------------------------------------------*/
.ui-tooltip {
    background: rgb(39 48 58 / 90%);
    color: white;
    border: none;
    padding: 0;
    opacity: 1;
	position: absolute !important;
	-moz-box-shadow: 0 0 5px #aaa;
    -webkit-box-shadow: 0 0 5px #aaa;
	z-index: 999;
    box-shadow: 0 0 5px #aaa, inset 0 3px rgb(255 255 255 / 20%), inset 0 0px rgb(0 0 0 / 5%), inset 0 -5px rgb(0 0 0 / 15%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%);
	border-radius: 5px;
}
.ui-tooltip-content {
    position: relative;
    padding: 5px;
    font-size: 15px;
}
.ui-tooltip-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-color: rgb(49 56 64 / 100%) transparent;
    border-width: 10px 10px 0;   
}

.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

/*--------------------------------------------------------------
# Furni Archive
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Badges/Furni Archive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Camelot Log and Profile Comments Table
--------------------------------------------------------------*/
.camelot-log-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 5px;
}
.camelot-log-table th.log {
	width: 70%;
	text-align: left;
	font-weight: bold;
}
.camelot-log-table th.value {
	width: 15%;
	font-weight: bold;
	text-align: center;
}
.camelot-log-table td.value {
	text-align: center;
}
.camelot-log-table td, .camelot-log-table th {
	padding: 7px;
}
.camelot-log-table .positive {
	color: green;
}
.camelot-log-table .negative {
	color: red;
}
.camelot-log-table tr {
	background: #fff;
}
.camelot-log-table tr:nth-child(odd) {
	background: #fff;
}
.camelot-log-table tr:nth-child(even) {
	background: #f7f7f7;
}

.titlequest {
	background-color: #ffba01;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 5px 9px;
    color: white;
    text-shadow: 0 2px 1px #0000007a;
    text-align: center;
    box-shadow: inset 0 3px rgb(255 255 255 / 20%), inset 0 0px rgb(0 0 0 / 5%), inset 0 -40px rgb(0 0 0 / 5%), 0 0 0 0px rgb(0 0 0 / 2%), 0 0px rgb(0 0 0 / 10%), 0 1px 0px 1px #bc8900;
    cursor: pointer;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    border: none;
	text-decoration: none;
	display: inline-table;
	font-size: 15px;
	margin: 4px 2px;
	cursor: pointer;
	font-family: Papyrus;
	opacity: 1;
	text-shadow: 1px 0px 3px black;
}
.questcontainer {
	background-color: white;
	border: 1px solid white;
	display: none;
	border-radius: 8px;
	padding: 4px;
	margin: 0;
	box-shadow: 2px 2px 2px #bbbbbb;
}
.titlequest:hover {
	filter: brightness(105%);
	-webkit-filter: brightness(105%);
	-moz-filter: brightness(105%);
}
.titlequest:active {
	transform: translateY(2px);
}
/*--------------------------------------------------------------
# Profile
--------------------------------------------------------------*/
.avatar-container {
	float: left;
	margin-right: 10px;
}
.user-info {
	float: left;
	color: #747474;
}
.user-info .data, .habbo-info .data {
	font-style: italic;
	color: #747474;
	font-family: "Ubuntu Habbo", "Ubuntu";
}
.habbo-info {
	padding: 0 10px;
	color: #747474;
}
.comments-list {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 5px;
	font-family: "Ubuntu Habbo", "Ubuntu";
}
.comments-list tr {
	background: #fff;
}
.comments-list tr:nth-child(odd) {
	background: #fff;
}
.comments-list tr:nth-child(even) {
	background: #f7f7f7;
}
.comments-list tr td:first-child { 
	width: 80%;
	padding: 10px 10px;
}
.comments-list tr td:second-child { 
	width: 20%;
	padding: 10px 0;
}
.habbocheck {
	float: right;
	color: #00b500;
}

.progress {
    display: flex;
    height: 8px;
    width: 175px;
    overflow: hidden;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar {
    display: flex;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
}

.progress-bar-bg {
    background-image: linear-gradient(
45deg
,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}

.bg-success {
    background-color: #28a745!important;
}
/*--------------------------------------------------------------
# Lottery
--------------------------------------------------------------*/
.lottery_info {
	width: 100%;
	overflow: hidden;
	padding: 10px;
	display: flex;
	justify-content: space-around;
	box-sizing: border-box;
	flex-wrap: wrap;
	font-size: 11px;
	line-height: 13px;
}
.lottery_info .info_slot {
	min-width: 360px;
	flex: 1 1;
	margin: 5px;
}
.lottery_content {
	width: 100%;
	overflow: hidden;
	padding: 10px;
	display: grid;
	grid-template-columns: repeat(auto-fill, 147px);
	justify-content: space-around;
	box-sizing: border-box;
}
.lottery_content .profile {
	height: 65px;
	width: 147px;
	margin-right: 3px;
}
.lottery_content .avatar {
	width: 45px;
	height: 100%;
	background-position: -12px -15px;
	box-shadow: 0 -7px 8px 0px white inset;
}
/*--------------------------------------------------------------
# Altro
--------------------------------------------------------------*/
.fancybox-content {
	font-family: "Ubuntu Habbo", "Ubuntu";
	border-radius: 10px;
}

/* Fix login form bug iOS */
.wpum-login-form input {
	-webkit-user-select: text;
}