.panorama {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
}
	.panorama > .panorama-container {
		position: relative;
		width: 10000px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEY1NURFMzkzNDJDMTFFNDhEQUE4MUFENTg4NUE4QkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEY1NURFM0EzNDJDMTFFNDhEQUE4MUFENTg4NUE4QkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RjU1REUzNzM0MkMxMUU0OERBQTgxQUQ1ODg1QThCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RjU1REUzODM0MkMxMUU0OERBQTgxQUQ1ODg1QThCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtP2mmIAAADQSURBVHjalFILDQMhDG2WCZgEJCCBOUECEnBwEk4KOAALczAHrI+V5XLhc3tJA5S+1w8QjWHZgqxLGLYiBK+1LiGEglX8RWL6RARba2ugMaYAWOHD3VngdlZRSlHPxyLtqEXE3cUR2Z6MwMm+jhhH7W1cBYI3kB+iBqOc83QwIB6qoB19yWD21msPuEsp1b2UTvUAJwRm5AbvPYgJ5IRDE3DOLcnHqatVuTPy752vAEmQTJLSX9lHPw1P5mYC7XNILPUEhhWsvueb7UUX8RFgAJ0UaHNgPu0TAAAAAElFTkSuQmCC'), default;
	}
	.panorama.drag > .panorama-container {
		cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODJFM0E3MDkzNDJDMTFFNDk2RERCQjAwMzNEQTQ0QTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODJFM0E3MEEzNDJDMTFFNDk2RERCQjAwMzNEQTQ0QTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MkUzQTcwNzM0MkMxMUU0OTZEREJCMDAzM0RBNDRBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MkUzQTcwODM0MkMxMUU0OTZEREJCMDAzM0RBNDRBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Piz3pgwAAACxSURBVHjalJJRDQMhDIbZMgs44O1ekFApJwEHwwESmBMkgIPNAThglNAcu93G8SdNGuD7SwsXtglavFpAW3+UWFuu2U7AOXcAkIUQT8qllLns2S7Xe1jjJspam5VSNffeZ1p3ziHYG1StWAmhXyITMuj7c+T+TwTeWn/3ZVmgXIOdVQURKk5sRteZwyklFkLYJoqTwubP9vfxHCM4xpiNMV/gED6qdvgRRuDUcHq9BRgAWPYOZE0ohncAAAAASUVORK5CYII='), default;
	}
		.panorama .panorama-item {
			position: relative;
			margin: 0;
			padding: 0;
			border: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			user-select: none;
		}

	/* control bar */
	.panorama > .panorama-control {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 40px;		
		background: #a1c4e1;
		opacity: 0;
		text-align: left;
		transition: all 250ms linear;
	}
	.panorama:hover > .panorama-control,
	.panorama.paused > .panorama-control {
		opacity: .8;
	}
	.panorama:hover > .panorama-control:hover {
		opacity: .9;
	}
		.panorama a {
			display: block;
			width: 40px;
			height: 40px;
			padding: 0;
			margin: 0;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			position: absolute;
			top: 0;
		}
		.panorama a:focus {
			outline: none;
		}
		.panorama .panorama-control-left {
			right: 25px;
		}
		.panorama .panorama-control-right {
			right: 0;
		}
		.panorama .panorama-control-pause {
			right: 60px;
			letter-spacing: 30px;
		}
			.panorama .panorama-control-left:before,
			.panorama .panorama-control-right:before,
			.panorama .panorama-control-pause:before {
				display: block;
				width: 100%;
				height: 100%;
				font: 400 21px/40px 'userinterface';
				text-decoration: none;
				text-indent: 0;
				text-align: center;
				color: #fff;
				position: absolute;
				top: 0;
				left: 0;
				transition: all 250ms linear;
			}
			.panorama .panorama-control-left:before {
				content: 'N'
			}
			.panorama .panorama-control-right:before {
				content: 'M'
			}
			.panorama .panorama-control-pause:before {
				content: 'C'
			}
			.panorama.paused .panorama-control-pause:before {
				content: 'B'
			}

			.panorama .panorama-control-left:hover:before,
			.panorama .panorama-control-right:hover:before,
			.panorama .panorama-control-pause:hover:before {
				color: #fff;
			}