#viewport {
	position: relative;
	height: auto !important;
	min-height: 100% !important;

	background-size: 125px;
	background-color: #f5f8fa;
	background-image: url('../images/backgrounds/generic-light.png');
}

#viewport > div {
	width: 100%;
}

#viewport .logo {
    font-weight: bold;
    font-style: italic;
    font-family: 'Pacifico', cursive;
}

#viewport input {
	border: 0;
	outline: 0;
	padding: 6px 12px;
	border-radius: 3px;
}

#viewport input:-moz-placeholder {
	color: #bdd3f3;
	font-weight: 500;
}

#viewport input::-moz-placeholder {
	color: #bdd3f3;
	font-weight: 500;
}

input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0
}


[type="checkbox"]:not(:checked),[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0
}

[type="checkbox"]+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

[type="checkbox"]+label:before,[type="checkbox"]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s
}

[type="checkbox"]:not(.filled-in)+label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type="checkbox"]:not(:checked):disabled+label:before {
    border: none;
    background-color: rgba(0,0,0,0.26)
}

[type="checkbox"].tabbed:focus+label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.1)
}

[type="checkbox"]:checked+label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #00ab54;
    border-bottom: 2px solid #00ab54;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type="checkbox"]:checked:disabled+label:before {
    border-right: 2px solid rgba(0,0,0,0.26);
    border-bottom: 2px solid rgba(0,0,0,0.26)
}

[type="checkbox"]:indeterminate+label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #00ab54;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type="checkbox"]:indeterminate:disabled+label:before {
    border-right: 2px solid rgba(0,0,0,0.26);
    background-color: transparent
}

[type="checkbox"].filled-in+label:after {
    border-radius: 2px
}

[type="checkbox"].filled-in+label:before,[type="checkbox"].filled-in+label:after {
    content: '';
    left: 0;
    position: absolute;
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1
}

[type="checkbox"].filled-in:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%
}

[type="checkbox"].filled-in:not(:checked)+label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0
}

[type="checkbox"].filled-in:checked+label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type="checkbox"].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #00ab54;
    background-color: #00ab54;
    z-index: 0
}

[type="checkbox"].filled-in.tabbed:focus+label:after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0,0,0,0.1)
}

[type="checkbox"].filled-in.tabbed:checked:focus+label:after {
    border-radius: 2px;
    background-color: #00ab54;
    border-color: #00ab54
}

[type="checkbox"].filled-in:disabled:not(:checked)+label:before {
    background-color: transparent;
    border: 2px solid transparent
}

[type="checkbox"].filled-in:disabled:not(:checked)+label:after {
    border-color: transparent;
    background-color: #BDBDBD
}

[type="checkbox"].filled-in:disabled:checked+label:before {
    background-color: transparent
}

[type="checkbox"].filled-in:disabled:checked+label:after {
    background-color: #BDBDBD;
    border-color: #BDBDBD
}

#viewport button,
#viewport .button {
    outline: 0;
    display: block;
    text-align: center;
    border-radius: 2px;
    background-color: #ccc;
    border: 2px solid #eee;
    box-shadow: 0 2px 0 1px rgba(0,0,0,.15);
	
	transition: background-color .3s, border-color .3s;
	-webkit-transition: background-color .3s, border-color .3s;
}
#viewport button > span,
#viewport .button > span {
	font-weight: 600;
	text-transform: uppercase;
}

#viewport .button:active {
	box-shadow: 0 1px 0 1px rgba(0,0,0,.3);
    -webkit-transform: translate(0,2px);
    transform: translate(0,2px);
}


#viewport .button.primary {
	border-width: 3px;
	
	background-color: #00813e;
	border-color: #8eda55;
}

#viewport .button.primary:hover {
	background-color: #00ab54;
	border-color: #b9f373;
}

#viewport .button.primary:active {
	background-color: #006743;
	border-color: #5abb37;
}

#viewport .button.arrow {
    position: relative;
}

#viewport .button.arrow:after {
    border-color: transparent transparent transparent #ccc;
	
	transition: border-color .3s;
	-webkit-transition:  border-color .3s;
}

#viewport .button.arrow:before {
    border-color: transparent transparent transparent #eee;
	
	transition: border-color .3s;
	-webkit-transition:  border-color .3s;
}

#viewport .button.arrow:hover:after {
	border-color: transparent transparent transparent #ddd;
}

#viewport .button.arrow:hover:before {
	border-color: transparent transparent transparent #eee;
}

#viewport .button.arrow:active:after {
	border-color: transparent transparent transparent #ccc;
}

#viewport .button.arrow:active:before {
	border-color: transparent transparent transparent #bbb;
}

#viewport .button.primary.arrow:after {
    border-color: transparent transparent transparent #00813e;
}

#viewport .button.primary.arrow:before {
    border-color: transparent transparent transparent #8eda55;
}

#viewport .button.primary.arrow:hover:after {
	border-color: transparent transparent transparent #00ab54;
}

#viewport .button.primary.arrow:hover:before {
	border-color: transparent transparent transparent #b9f373;
}

#viewport .button.primary.arrow:active:after {
	border-color: transparent transparent transparent #006743;
}

#viewport .button.primary.arrow:active:before {
	border-color: transparent transparent transparent #5abb37;
}


#viewport .button.arrow:after,
#viewport .button.arrow:before {
    border-style: solid;
    position: absolute;
    display: block;
    content: '';
}

#viewport .button.arrow.md:after {
    border-width: 18px;
    right: -36px;
    top: 0;
}

#viewport .button.arrow.md:before {
    right: -43px;
    top: -2px;
    border-width: 20px;
}

#viewport .button.arrow.xl:after {
    border-width: 32px;
    right: -64px;
    top: 0;
}

#viewport .button.arrow.xl:before {
    right: -71px;
    top: -2px;
    border-width: 34px;
}

#viewport .fragment {
	position: relative;
}

#viewport .fragment + .fragment {
	margin-top: 20px;
}

#viewport .fragment > .head {
	line-height: 1em;
}

#viewport .fragment > .head::after {
	width: 100%;
	height: 1px;
	content: ' ';
	background: #e1e8ed;
}

#viewport .fragment > .head > a,
#viewport .fragment > .head > span {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}

#viewport .fragment > .head > .main {
    font-size: 18px;
    font-weight: 500;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
}

#viewport .fragment > .head > .main > span {
	margin-right: 6px;
}

#viewport .fragment > .head > .more {
	color: #3581ec;
	font-size: 12px;
	font-weight: 600;
}

#viewport .fragment > .head > .more > span {
	margin-left: 6px;
}

#viewport .fragment > .body {

}

#viewport .widget {
    padding: 6px;
    border: 1px solid #e1e8ed;
    border-radius: 3px;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.15);
}

#viewport .widget > .head {
	padding: 10px 16px;
	line-height: 0;
	background-color: #ccc;
	border: 1px solid transparent;
	border-radius: 3px 3px;
}

#viewport .widget > .head > span {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}

#viewport .widget > .head > span:not(.glyphicon) {
    font-weight: 600;
}

#viewport .widget > .body {
	padding: 4px 8px;
}

#viewport .advertisement {
	
}

#viewport .advertisement.rectangle-md {
	width: 304px;
}

#viewport .advertisement.rectangle-lg {
	width: 340px;
}

#viewport .advertisement.skyscraper-lg {
	width: 304px;
}

#viewport .advertisement.skyscraper-md {
	width: 164px;
}

#viewport .advertisement.leaderboard-md {
	width: 732px;
}

#viewport .advertisement > .head {
	padding: 4px 8px 2px;
	display: inline-block;
	border: 1px solid #e1e8ed;
	background-color: #e1e8ed;
	border-radius: 3px 3px 0 0;
}

#viewport .advertisement > .head > span {
	font-size: 12px;
	text-shadow: 1px 1px #fff;
}

#viewport .advertisement > .head > span > span {
	margin-right: 6px;
}

#viewport .advertisement > .body {
	border: 2px solid #e1e8ed;
	background: #f5f8fa;
}

#viewport .advertisement > .body > .adsbygoogle {
	display: block !important;
}

#viewport .advertisement > .body > script {
	display: none;
}

#viewport .news-slider {
	width: 100%;
	overflow: hidden;
}

#viewport .news-slider > #news-bullets {
	position: absolute;
}

#viewport .news-slider > .news-list {
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	border-radius: 4px;
}

#viewport .news-slider > .news-list > .news-item {
	float: left;
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	border-radius: 4px;
	background: rgba(0,0,0,.7);
}

#viewport .news-slider > .news-list > .news-item > .head {
	padding: 10px 15px;
	background: rgba(0,0,0,.7);
	border-radius: 4px 4px 0 0;
}

#viewport .news-slider > .news-list > .news-item > .head > span {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
}

#viewport .news-slider > .news-list > .news-item > .body {
	padding: 10px;
}

#viewport .news-slider > .news-list > .news-item > .body > p {
	color: #fff;
	padding: 10px;
	font-size: 13px;
	background: rgba(0,0,0,.7);
}

#viewport .news-slider > .news-list > .news-item > .more {
    right: 10px;
    bottom: 10px;
    padding: 10px;
	display: block;
    position: absolute;
    background: rgba(0,0,0,.7);
}

#viewport .news-slider > .news-list > .news-item > .more > span {
	color: #fff;
	text-decoration: underline;
}

#viewport > #facebook-modal > #facebook-modal-ctx {
    width: 425px;
    background-image: url('../images/sprite-background.png');
    background-size: 100%;
    background-color: #630066;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}

#viewport > #facebook-modal > #facebook-modal-ctx .facebook-btn {
    width: 80%;
    display: block;
    cursor: default;
    margin: 20px auto;
    padding: 5px 8px;
    /*border-color: #4e69a2;
    background-color: #3b5998;*/
    /*background-color: #00813e;
    border-color: #8eda55;*/
    background-color: #440046;
    border-color: #730092;
}

/*
#viewport > #facebook-modal > #facebook-modal-ctx .facebook-btn:hover {
    outline: none;
    border-color: #445a88;
    background-color: #30487b;
}

#viewport > #facebook-modal > #facebook-modal-ctx .facebook-btn > span {
    color: #fff;
	font-size: 18px;
	font-weight: 400;
	margin-left: 8px;
}

#viewport > #facebook-modal > #facebook-modal-ctx .facebook-btn > span + span {
	font-size: 20px;
}
*/

#viewport > #facebook-modal > #facebook-modal-ctx .facebook-btn > span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

#viewport > #facebook-modal > #facebook-modal-ctx .facebook-btn > ul {
	height: 28px;
	line-height: 28px;
}

#viewport > #facebook-modal > #facebook-modal-ctx > .modal-body > span {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

#viewport > #facebook-modal > #facebook-modal-ctx > .modal-body > span + span {
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
    /*color: rgb(125, 255, 100);*/
}

#viewport > #facebook-modal > #facebook-modal-ctx > .modal-body > span + span + span {
    font-size: 20px;
    font-weight: 300;
    text-transform: none;
}

#viewport > #newdomain-modal > #newdomain-modal-ctx {
    width: 425px;
    background-image: url('../images/backgrounds/generic-light.png');
    background-size: 20%;
    background-color: #630066;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}

#viewport > #newdomain-modal > #newdomain-modal-ctx .button {
    width: 80%;
    display: block;
    margin: 20px auto;
    padding: 6px 8px;
}

#viewport > #newdomain-modal > #newdomain-modal-ctx .button > span {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

#viewport > #newdomain-modal > #newdomain-modal-ctx > .modal-body > span {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

#viewport > #newdomain-modal > #newdomain-modal-ctx > .modal-body > span + span {
    font-size: 36px;
    font-weight: 400;
    text-transform: uppercase;
}

#viewport > #newdomain-modal > #newdomain-modal-ctx > .modal-body > span + span + span {
    font-size: 18px;
    font-weight: 300;
    text-transform: none;
}

#viewport > #website-header {
	top: 0;
	height: 375px;
	position: absolute;

	background: url('../images/covers/palooza14_background_left_1.png') left no-repeat,
				url('../images/covers/palooza14_background_right.png') right no-repeat,
				url('../images/covers/palooza14_background_gradient.png') repeat-x;
}

#viewport > #website-header > #header-streak {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	max-height: 60px;
	position: absolute;
	background: rgba(19,59,107,.65)/*#133b6b*/;
}

#viewport > #website-header > #header-streak > #streak-inner {
	padding: 12px 0;
	/*overflow-y: hidden;*/
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-logo {
	float: left;
	display: inline-block;
	text-decoration: none;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-logo > span {
	color: #fff;
	font-size: 36px;
	line-height: 1em;
	/*
	width: 116px;
	height: 36px;
	display: block;
	background-position: 0 1px;
	background-repeat: no-repeat;
	background-image: url(../images/sprites/master-sprite.png);
	*/
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-logo > span {
    color: transparent;
	
	width: 100px;
    height: 40px;
    display: block;
	
	font-size: 0;
	margin-top: -2px;
	
    background-image: url(../images/sprites/frontpage-sprite.png);
    background-position: 0 -702px;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-logo.dark > span {
	background-position: 0 -742px;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items {
	top: 0;
	right: 3px;
	float: right;
	height: 100%;
	position: absolute;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item {
	display: inline-block;
}


#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login {
	max-width: 210px;
    background-color: #fff/*#2664b4*/;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.5)/*#3581ec*/;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form {
	padding: 15px 20px;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > label {
	display: inline-block;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > label > span {
    font-size: 12px;
    color: #19a8d1;
    display: block;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > label > input {
	background-color: transparent;
    border: none;
    border-bottom: 1px solid #19a8d1;
    border-radius: 0;
    outline: none;
    height: 32px;
    font-size: 15px;
    margin: 0 0 10px 0;
    padding: 0;
    box-shadow: none;
    transition: all .3s;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > label > input:focus {
	box-shadow: 0 1px 0 0 #19a8d1;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > label > input:-moz-placeholder {
	font-size: 13px;
	color: #ccd6dd;
	font-weight:400;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > label > input::-moz-placeholder {
	font-size: 13px;
	color: #ccd6dd;
	font-weight:400;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > label > input:-ms-input-placeholder {
	font-size: 13px;
	color: #ccd6dd;
	font-weight:400;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > label > input::-webkit-input-placeholder {
	font-size: 13px;
	color: #ccd6dd;
	font-weight:400;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > input,
#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > button {
	vertical-align: middle;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > input {
	border: 0;
	color: #fff;
	padding: 6px 12px;
	margin-right: 5px;
	background: #3581ec;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > button {
	padding: 3px 10px;
	width: 100%;
	margin-top: 5px;
  /*border-color: #3b88c3;
    background-color: #55acee;
    border-color: #ffea00;
    background-color: #ffb900;
    border-color: #D6F4E4;
    background-color: #55acee;*/
	
    border-color: #19a8d1;
    background-color: #15608e;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > button:hover {
    border-color: #00c7ff;
    background-color: #0983ce;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > button:active {
    border-color: #1D95B7;
    background-color: #0F4363;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > input:-ms-input-placeholder {
	color: #bdd3f3;
	font-weight: 500;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > input::-webkit-input-placeholder {
	color: #bdd3f3;
	font-weight: 500;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > label > input + label {
	/*color: #19a8d1;*/
	font-size: 13px;
	padding-left: 26px;
	margin-bottom: 5px;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-login > #login-form > button > span {
	color: #292f33;
	color: #fff;
	font-weight: 500;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-goto-habbo {
	margin-top: 10px;
	margin-right: 37px;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-goto-habbo .button {
	text-decoration: none;
	padding: 8px 0 8px 14px;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-goto-habbo .button > span {
	color: #fff;
}

#viewport > #website-header > #header-navbar {
	bottom: 0;
	width: 100%;
	z-index: 1;
	position: absolute;
}

#viewport > #website-header > #header-navbar > #navbar-bg {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	position: absolute;
	background: #ffffff;
	border-top: 1px solid #e1e8ed;
	border-bottom: 1px solid #e1e8ed;
}

#viewport > #website-header > #header-navbar > #navbar-tabs {
	padding:  0 1px;
	position: relative;
}

#viewport > #website-header > #header-navbar > #navbar-tabs > .tabs-item {
	background: #2664b4;
	display: inline-block;
    border: 1px solid #e1e8ed;

    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    transition: background .15s ease-in-out;
}

#viewport > #website-header > #header-navbar > #navbar-tabs > .tabs-item > a,
#viewport > #website-header > #header-navbar > #navbar-tabs > .tabs-item > strong {
	display: block;
	font-size: 14px;
}

#viewport > #website-header > #header-navbar > #navbar-tabs > .tabs-item > a {
	color: #fff;
	font-weight: 600;
	padding: 6px 10px;
	text-decoration: none;
}

#viewport > #website-header > #header-navbar > #navbar-tabs > .tabs-item:hover {
	background: #3581ec;
}

#viewport > #website-header > #header-navbar > #navbar-tabs > .tabs-item.selected {
	background: #fff;
}

#viewport > #website-header > #header-navbar > #navbar-tabs > .tabs-item.selected > strong {
	color: #292f33;
	font-weight: 700;
	padding: 8px 12px;
}

#viewport > #website-header > #header-navbar > #navbar-menu {
	padding: 8px 10px;
    background: #fff;
    margin: -3px auto 1px;
}

#viewport > #website-header > #header-navbar > #navbar-menu > .menu-item {
	display: inline-block;
}

#viewport > #website-header > #header-navbar > #navbar-menu > .menu-item + li::before {
	content: '/';
	color: #66757f;
}

#viewport > #website-header > #header-navbar > #navbar-menu > .menu-item > a,
#viewport > #website-header > #header-navbar > #navbar-menu > .menu-item > strong {
	display: inline-block;
	font-size: 13px;
	padding: 2px 4px;
}

#viewport > #website-header > #header-navbar > #navbar-menu > .menu-item > a {
	color: #66757f;
}

#viewport > #website-header > #header-navbar > #navbar-menu > .menu-item > strong {
	color: #292f33;
	font-weight: 600;
}

#viewport > #website-header > #header-canvas {
	height: 100%;
	position: relative;
	text-align: center;
}

#viewport > #website-header > #header-canvas > #canvas-players {
    right: 0;
    bottom: 40px;
    padding: 6px 12px;
    position: absolute;
    border-radius: 3px 3px 0 0;
    background: rgba(0,0,0,.7);
}

#viewport > #website-header > #header-canvas > #canvas-players > span {
	color: #fff;
	font-weight: 600;
}

#viewport > #website-header > #header-canvas > #canvas-banner-a9f2da3c {
	top: 116px;
    text-align: left;
    position: relative;
    display: inline-block;
}

#viewport > #website-header > #header-canvas > #canvas-signtip {
	z-index: 10;
    top: 10px;
    right: 225px;
    position: absolute;
    width: 331px;
    height: 73px;
    background: url(../images/sprites/frontpage-sprite.png);
}

#viewport > #website-header > #header-canvas > #canvas-signtip > #signtip-heading {
	left: 48px;
    font-size: 24px;
    line-height: 75px;
    position: absolute;
    color: rgba(255,255,255,.85);
    font-family: 'Calligraffitti', 'Comic Sans MS', cursive;
}

#viewport > #website-header > #header-canvas > #canvas-callout {
	min-width: 300px;
	margin-top: 109px;
	position: relative;
	display: inline-block;
}

#viewport > #website-header > #header-canvas > #canvas-callout > #callout-heading {
	color: #fff;
    width: 100%;
    display: block;
    padding: 0 10px;
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 24px;
    text-shadow: 0 1px rgba(0,0,0,.3);
    background-color: rgba(0,0,0,.7);
}

#viewport > #website-header > #header-canvas > #canvas-callout > #callout-button {
	width: 100%;
    padding: 12px 24px;
    background: #00813e;
    border: 3px solid #8eda55;
    text-decoration: none;

	animation: shake 1.15s cubic-bezier(.36,.07,.19,.97) 1s both infinite;
}

@keyframes shake {
    10%,90% {
        transform: translate3d(-1px,0,0);
    }

    20%,80% {
        transform: translate3d(2px,0,0);
    }

    30%,50%,70% {
        transform: translate3d(-4px,0,0);
    }

    40%,60% {
        transform: translate3d(4px,0,0);
    }
}

#viewport > #website-header > #header-canvas > #canvas-callout > #callout-button:hover {
    background: #00ab54;
    border-color: #b9f373;
}

#viewport > #website-header > #header-canvas > #canvas-callout > #callout-button:active,
#viewport > #website-header > #header-canvas > #canvas-callout > #callout-button:disabled {
    background-color: #006743;
    border-color: #5abb37;
}

#viewport > #website-header > #header-canvas > #canvas-callout > #callout-button > span {
	color: #fff;
	font-size: 32px;
    font-weight: 400;
	text-transform: uppercase;
}

.warning {
    max-height: 40px;

    border-top: 3px solid;
    border-bottom: 3px solid;

    background-color: #8899a6;
}

.warning > .warning-inner {
    padding: 6px 0;
    text-align: center;
}

.warning > .warning-inner > .warning-text {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#viewport > #website-header > #header-warning {
    border-color: #ffaaee;
    background-color: #ff0099;
    /*
    animation: rainbow 4s ease-in-out infinite;
    -webkit-animation: rainbow 4s ease-in-out infinite;
    */
}

@keyframes rainbow {
    0% {
        border-color: #aaedff;
        background-color: #69cce7;
    }
    50% {
        background: #00813e;
        border-color: #8edb54;
    }
    100% {
        border-color: #aaedff;
        background-color: #69cce7;
    }
}

@-webkit-keyframes rainbow {
    0% {
        border-color: #aaedff;
        background-color: #69cce7;
    }
    50% {
        background: #00813e;
        border-color: #8edb54;
    }
    100% {
        border-color: #aaedff;
        background-color: #69cce7;
    }
}

#viewport > #website-header > #header-warning > #header-warning-inner > #warning-text {
    color: #fff;
}

#viewport > #website-header > #header-warning > #header-warning-inner > #warning-text > a {
    color: #292f33;

    font-style: italic;
    font-weight: normal;
    text-decoration: underline;
}

#viewport > #website-canvas {
	min-height: 100%;
	padding: 375px 0 40px 0;
}

#viewport > #website-canvas.mit-warning {
    padding-top: 415px;
}

#viewport > #website-canvas > #canvas-inner {
	padding: 20px 10px;
	background-color: #fff;
	border: 1px solid #e1e8ed;
	border-top: 0 transparent;
	border-bottom: 0 transparent;
}

#viewport > #website-canvas > #canvas-inner > #canvas-right > #canvas-banner-dc7ce2d3 {
	float: right;
}


#viewport > #website-canvas > #canvas-inner.habbo-theme {
    width: 928px;
    margin: 15px auto;
	padding: 5px!important;
	border: 1px solid #e1e8ed!important;
}

#viewport > #website-canvas > #canvas-inner > .habbo-page {
	position: relative;
}

#viewport > #website-canvas > #canvas-inner > .habbo-page .widget {
	border: none;
	padding: 0;
	box-shadow: none;
}

#viewport > #website-canvas > #canvas-inner > .habbo-page > .title {
	top: 57px;
    right: -5px;
	color: #fff;
    font-size: 32px;
	font-weight: 700;
    position: absolute;
    background-color: #ccc;
    padding: 7px 28px 7px 10px;
    text-shadow: 1px 1px 0px rgba(0,0,0,.2);
}

#viewport > #website-canvas > #canvas-inner > .habbo-page > .widget {
	position: absolute;
}

#viewport > #website-canvas > #canvas-inner > .habbo-page > .widget > .head {
	margin-bottom: 5px;
	
	padding: 0!important;
	border: none!important;
	border-radius: 0!important;
	line-height: inherit!important;
	background-color: transparent!important;
}

#viewport > #website-canvas > #canvas-inner > .habbo-page > .widget > .head > .title {
	font-size: 20px;
	line-height: 30px;
    padding: 0 10px 0 28px;
	background-color: #ccc;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .2);
	
}

#viewport > #website-canvas > #canvas-inner > .habbo-page > .widget > .body {
	border: 0 !important;
	padding: 8px !important;
	
	background-color: rgba(0,0,0,.55);
}

#viewport > #website-canvas > #canvas-inner > .habbo-page > .widget > .body > p {
	color: #fff;
	font-size: 11px;
	text-align: justify;
}

#viewport > #website-canvas > #canvas-inner > .habbo-page > .widget > .body > p + p {
	margin-top: 16px;
}

#viewport > #website-footer {
	bottom: 0;
	height: 40px;
	position: absolute;
	background-color: #fff;
	border-top: 1px solid #e1e8ed;
}

#viewport > #website-footer > #footer-inner {
	padding-top: 10px;
}

#viewport > #website-footer > #footer-inner > #footer-links,
#viewport > #website-footer > #footer-inner > #footer-copyright {
	display: inline-block;
	vertical-align: middle;
}

#viewport > #website-footer > #footer-inner > #footer-links {
	float: right;
}

#viewport > #website-footer > #footer-inner > #footer-links > .links-item {
	display: inline-block;
}

#viewport > #website-footer > #footer-inner > #footer-links > .links-item > a {
	color: #66757f;
	font-size: 12px;
}

#viewport > #website-footer > #footer-inner > #footer-links > .links-item + li::before {
	color: #66757f;
	content: '/';
}

#viewport > #website-footer > #footer-inner > #footer-copyright {
	float: left;
}

#viewport > #website-footer > #footer-inner > #footer-copyright > #copyright-text {
	color: #66757f;
	font-size: 12px;
    font-style: italic;
    line-height: 1.4em;
}

#viewport > #website-footer > #footer-inner > #footer-copyright > #copyright-text > span {
	color: #133b6b;
	margin: 0 5px;
	font-size: 18px;
}