.nitro-hotel-view {
    display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba($black, 1);
	
	.avatar-image {
		bottom: 12px;
		left: 63px;
		position: absolute;
		z-index: 1;
	}

	.background {
		height: 100%;
		width: 100%;
		background-position: left;
		background-repeat: repeat-y;
	}

	.drape {
        width: 100%;
        height: 100%;
		left: 0px;
		top: 0;
		animation-iteration-count: 1;
		animation-name: slideDown;
		animation-duration: 1s;
		z-index: 3;
        background-repeat: no-repeat;
	}

	.sun {
        width: 100%;
        height: 100%;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
        background-repeat: no-repeat;
	}

	.left {
        width: 100%;
        height: 100%;
		bottom: 0;
		left: 0;
		animation-iteration-count: 1;
		animation-name: slideUp;
		animation-duration: 1s;
        background-repeat: no-repeat;
	}

	.right {
        width: 100%;
        height: 100%;
		right: 0;
		bottom: 0;
		animation-iteration-count: 1;
		animation-name: slideUp;
		animation-duration: 1s;
        background-repeat: no-repeat;
	}

	.right-repeat {
        width: 100%;
        height: 100%;
		right: 0;
		top: 0;
		animation-iteration-count: 1;
		animation-name: slideRight;
		animation-duration: 1s;
        background-repeat: no-repeat;
	}
}