#viewport > #webpromo-modal > #webpromo-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 > #webpromo-modal > #webpromo-modal-ctx .button {
    width: 80%;
    display: block;
    margin: 20px auto;
    padding: 6px 8px;
}

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

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

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

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

#viewport > #website-canvas > #canvas-inner .frontpage-sprite {
	display: inline-block;
	background-image: url(../images/sprites/frontpage-sprite.png);
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo {
	margin-top: 20px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .head > span > .logo {
	color: #133b6b;
	font-size: 20px;
	text-transform: initial;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .body > .widget {
	width: 49%;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .body > .widget > .body > p {
	font-size: 13px;
	text-align: justify;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .body > .widget > .body > p > .logo {
	color: #133b6b;
	font-size: 15px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .body .scale {
	float: left;
	position: relative;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .body .whats-habbo-a {
    top: -6px;
    left: -15px;
	
	width: 232px;
    height: 164px;
	
    position: absolute;
	
    backface-visibility: hidden;
    background-position: 0 -244px;
	
    transform: translateZ(0) scale(.9);
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .body .whats-habbo-b {
    width: 187px;
	height: 171px;
	
	margin-top: 5px;
    margin-right: 8px;
    background-position: 0 -73px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .body > #whats-habbo-1 {
	float: left;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .body > #whats-habbo-1 > .head {
	background: #00813e;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .body > #whats-habbo-1 .body .scale {
    width: 213px;
    height: 170px;
    display: block;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .body > #whats-habbo-2 {
	float: right;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-whats-habbo > .body > #whats-habbo-2 > .head {
	background: #ae002c;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-why-habbo {
	margin-top: 20px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-why-habbo > .head > span > .logo {
	color: #133b6b;
	font-size: 20px;
	text-transform: initial;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-why-habbo > .body .scale {
	float: left;
	position: relative;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-why-habbo > .body > .widget > .body > p {
	margin-top: 3px;
    font-size: 14px;
    text-align: justify;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-why-habbo > .body > .widget > .body > p > u {
	font-weight: 600;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-why-habbo > .body > .widget > .body > p > .logo {
	color: #133b6b;
	font-size: 15px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-why-habbo > .body > #why-habbo-1 {
	width: 100%;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-why-habbo > .body > #why-habbo-1 > .head {
	background-color: #292f33;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-why-habbo > .body > #why-habbo-1 > .body .scale {
    width: 200px;
    height: 185px;
    margin-right: 15px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-why-habbo > .body > #why-habbo-1 > .body .why-habbo-b {
    top: -54px;
    left: -65px;
	
    width: 337px;
	height: 294px;
	
    position: absolute;
	
    transform: scale(.6);
    background-position: 0 -408px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body {
	width: 100%;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-news {
	height: 259px;
	border: 1px solid #e1e8ed;
	border-radius: 3px;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.15);
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-tech {
	width: 100%;
	margin-top: 10px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-tech > .head {
	background-color: #f77e38;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-tech > #tech-body > #tech-list > .tech-item {
	display: none;
	padding: 10px 15px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-tech > #tech-body > #tech-list > .tech-item + li {
	border-top: 1px solid #e1e8ed;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-tech > #tech-body > #tech-list > .tech-item:nth-child(even)
{
	background-color: #f5f8fa;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-tech > #tech-body > #tech-list > .tech-item:nth-child(-n+2)
{
	display: block;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-tech > #tech-body > #tech-list > .tech-item > .head > span {
	display: inline-block;
	font-weight: 600;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-tech > #tech-body > #tech-list > .tech-item > .body {
	line-height: 1.1em;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-tech > #tech-body > #tech-list > .tech-item > .body > span {
	font-size: 11px;
	font-weight: 400;
	display: inline-block;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-tech > #tech-body > #tech-list > .tech-item > .date {
	padding-top: 2px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-showcase > #showcase-body > #showcase-tech > #tech-body > #tech-list > .tech-item > .date > span {
    color: #fff;
	font-size: 10px;
    padding: 1px 10px;
    border-radius: 20px;
    background-color: #f77e38;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-socialmedia > #socialmedia-body {

}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-socialmedia > #socialmedia-body > #socialmedia-twitter {
	float: left;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-socialmedia > #socialmedia-body > #socialmedia-facebook {
	float: right;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-socialmedia > #socialmedia-body > #socialmedia-twitter,
#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-socialmedia > #socialmedia-body > #socialmedia-facebook {
	width: 49%;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-socialmedia > #socialmedia-body > #socialmedia-twitter > #twitter-head {
	background-color: #55acee;
}

#viewport > #website-canvas > #canvas-inner > #canvas-left > #canvas-socialmedia > #socialmedia-body > #socialmedia-facebook > #facebook-head {
	background-color: #3b5998;
}