#more-fab {
	position: fixed;
	bottom: 16px;
	right: 16px;
	height: 64px;
	width: 64px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	border-radius: 50%;
	z-index: 3;
	padding: 8px;
	padding-bottom: 10px;
	background-color: #F3F4EF;
	outline: none;
	overflow: hidden;
	transition: .25s transform cubic-bezier(.5, 2, 1, 1);
}

#more-fab.open {
	transform: rotate(90deg);
}

#more-fab img {
	width: 48px;
	height: 48px;
}

.fab-menu-item {
	position: fixed;
	height: 48px;
	display: table;
	z-index: 3;
	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
	opacity: 1;
	visibility: visible;
}

.fab-menu-item.hidden {
	opacity: 0;
	visibility: hidden;
}

.fab-menu-item div {
	vertical-align: middle;
	display: table-cell;
	padding-right: 16px;
	text-align: right;
	color: #000;
}

.fab-menu-item a {
	position: relative;
	height: 48px;
	width: 48px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	border-radius: 50%;
	padding: 8px;
	background-color: #772524;
	outline: none;
	display: inline-block;
	overflow: hidden;
}

#goto-guestbook {
	right: 24px; /* 16 + 8 */
	bottom: 96px; /* 16 + 64 + 16 */
}

#goto-guestbook a img {
	max-width: 32px;
	max-height: 32px;
}
#goto-guestbook.hidden {transition-delay: .15s;}

#switch-view {
	right: 24px;
	bottom: 160px; /* 96 + 48 + 16 */
	transition-delay: 0.05s;
}
#switch-view.hidden {transition-delay: .1s;}

#switch-view a {
	padding: 10px;
}

#switch-view a img {
	max-width: 28px;
	max-height: 28px;
}

#goto-tutorial {
	right: 24px;

	bottom: 224px; /* 160 + 48 + 16 */
	transition-delay: 0.1s;}
#goto-tutorial.hidden {transition-delay: 0.05s;}

#goto-tutorial a img {
	width: 32px;
	height: 32px;
}


#goto-landing {
	right: 24px;
	bottom: 288px; /* 224 + 48 + 16 */
	transition-delay: 0.15s;
}
#goto-landing.hidden {transition-delay: 0s;}

#goto-landing a {
	padding: 10px;
}

#goto-landing a img {
	max-width: 28px;
	max-height: 28px;
}
.no-select {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
.no-select:focus {
	outline: none !important;
}


#more-dimmer {
	position: fixed;
	backface-visibility: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	color: #fff;
	transition: .2s opacity ease-in-out;
}
#more-dimmer {
	background-color: #F3F4EF;
	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
	opacity: 0.9;
	visibility: visible;
	z-index: 2;
}
#more-dimmer.hidden {
	opacity: 0;
	visibility: hidden;
}