/* Technetium PHP Framework version 2.9
   Author: Tony Leung
   E-mail: info@technetium.info */

@charset "utf-8";

/* html tags */
*, *:before, *:after {
	box-sizing:border-box;
	-webkit-transition-property:background-color, color, opacity;
	-webkit-transition-duration:0.2s;
	-moz-transition-property:background-color, color, opacity;
	-moz-transition-duration:0.2s;
	transition-property:background-color, color, opacity;
	transition-duration:0.2s;
}
html {
	height:100%;
	font-size:16px;
}
body {
	height:100%;
	min-height:100%;
	max-height:999em;
	margin:0;
	padding:0;
	background:#FFFFFF;
	font-family:"Roboto", Arial, "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", Helvetica, sans-serif;
	font-size:inherit;
	color:#000000;
	-webkit-text-size-adjust:none;
}
aside, footer, header, hgroup, nav, section, artivle, iframe {
	display:block;
}
article {
	margin:0 0 30px 0;
}
article:last-child {
	margin-bottom:0;
}
iframe {
	border:none;
}
h5 {
}
h6 {
}
p {
	margin:0 0 0.8em 0;
	line-height:1.3em;
}
pre {
	margin:0 0 0.8em 0;
}
ol, ul {
	margin:0 0 0.8em 0;
	padding:0 0 0 20px;
}
ol {
	padding-left:2.5rem;
}
li {
	margin:0 0 5px 0;
}
li ol, li ul {
	margin:5px 0 0 0;
}
li ol {
	list-style-type:lower-latin;
}
li ol ol {
	list-style-type:lower-roman;
}
dl {
	margin:0 0 0.8em 0;
}
dl:after,
dl dd:after {
	content:'';
	clear:both;
	display:block;
}
dl dt {
	width:20%;
	float:left;
	clear:both;
	margin:0;
	padding-right:10px;
	font-weight:bold;
}
dl dd {
	margin:0 0 0.8em 20%;
	padding-left:10px;
}
dl dt:last-of-type,
dl dd:last-of-type {
	margin-bottom:0;
}
dl.col-5-7 dt {
	width:41.666667%;
}
dl.col-5-7 dd {
	margin-left:41.666667%;
}
dl.col-4-8 dt {
	width:33.333333%;
}
dl.col-4-8 dd {
	margin-left:33.333333%;
}
dl.col-3-9 dt {
	width:25%;
}
dl.col-3-9 dd {
	margin-left:25%;
}
dl.col-2-10 dt {
	width:16.666667%;
}
dl.col-2-10 dd {
	margin-left:16.666667%;
}
dl.title-right dt {
	text-align:right;
}
h1:first-child, h2:first-child, h3:first-child,
h4:first-child, h5:first-child, h6:first-child {
	margin-top:0;
}
h1:last-child, h2:last-child, h3:last-child,
h4:last-child, h5:last-child, h6:last-child,
p:last-child, pre:last-child,
ol:last-child, ul:last-child, dl:last-child {
	margin-bottom:0;
}
a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#000000;
}
a:focus {
	outline:none;
}
a * {
	cursor:pointer;
}
a[id][name] {
	float:left;
}
h1 a, h1 a:hover, h1 a:focus, h1 a:active,
h2 a, h2 a:hover, h2 a:focus, h2 a:active,
h3 a, h3 a:hover, h3 a:focus, h3 a:active,
h4 a, h4 a:hover, h4 a:focus, h4 a:active,
h5 a, h5 a:hover, h5 a:focus, h5 a:active,
h6 a, h6 a:hover, h6 a:focus, h6 a:active {
	color:inherit;
	text-decoration:inherit;
}
img {
	border:none;
}
article img {
	max-width:100%;
}
hr, div.hr {
	margin:3rem 0;
	border:none;
	border-top:1px solid #707070;
}
sup {
	position:relative;
	top:-4px;
	vertical-align:baseline;
}
sub {
	position:relative;
	top:2px;
	vertical-align:baseline;
}
blockquote {
	margin:12px 0 12px 25px;
	padding:5px 5px 5px 15px;
	border-left:5px solid #333333;
	display:block;
}
code {
	overflow:auto;
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #DDDDDD;
	background:#FAFAFA;
	display:block;
}
::selection {
	background:#454545;
	color:#FFFFFF;
}
::-moz-selection {
	background:#454545;
	color:#FFFFFF;
}


/* form elements */
input[type=number] {
	-webkit-appearance:textfield;
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:none;
}
[disabled] {
	background:#E0E0E0;
	cursor:not-allowed;
}
::-ms-input-placeholder {
	color:#979797;
}
::-moz-placeholder {
	color:#979797;
}
::-webkit-input-placeholder {
	color:#979797;
}

.alert {
	margin:0 0 20px 0;
	padding:12px 0.8em 12px 2em;
	border-width:1px;
	border-style:solid;
	background-position:12px 12px;
	background-repeat:no-repeat;
	background-size:16px;
	line-height:1.5em;
}
.alert:before {
	content:'';
	width:1em;
	height:1em;
	position:absolute;
	margin-top:0.25em;
	margin-left:-1.2em;
	background-position:center;
	background-repeat:no-repeat;
	background-size:1em;
}
.alert a {
	color:inherit;
	text-decoration:underline;
}
.alert.alert-info {
	border-color:#BCE8F1;
	background-color:#D9EDF7;
	color:#3A87AD;
}
.alert.alert-info:before {
	background-image:url(../../images/icon-48x48/info.png);
}
.alert.alert-success {
	border-color:#D6E9C6;
	background-color:#DFF0D8;
	color:#008000;
}
.alert.alert-success:before {
	background-image:url(../../images/icon-48x48/success.png);
}
.alert.alert-warning {
	border-color:#FBEED5;
	background-color:#FCF8E3;
	color:#C09853;
}
.alert.alert-warning:before {
	background-image:url(../../images/icon-48x48/warning.png);
}
.alert.alert-error {
	border-color:#EED3D7;
	background-color:#F2DEDE;
	color:#B94A48;
}
.alert.alert-error:before {
	background-image:url(../../images/icon-48x48/error.png);
}


/* shared classes */
.img-placeholder {
	width:100%;
	background-color:#F8F9FA;
	background-image:url(../../images/img-placeholder.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

.section {
	padding-top:2.5rem;
	padding-bottom:2.5rem;
}
.section + .section {
	margin-top:1px;
}
.section.cont {
	padding-top:0;
}
.section.with-border {
	border-top:1px solid #707070;
}
@media (min-width:1200px) {
	.section {
		padding-top:5rem;
		padding-bottom:5rem;
	}
}

.billboard {
	overflow:hidden;
	position:relative;
	padding:0;
	border-top-left-radius:3rem;
	border-top-right-radius:3rem;
	background:#555555;
}
.billboard > .container {
	height:100%;
	position:relative;
	padding:0;
	display:flex;
	flex-direction:column;
}
.billboard-link {
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	z-index:9;
}
.billboard-image {
	width:100%;
	overflow:hidden;
	position:relative;
	border-top-left-radius:3rem;
	border-top-right-radius:3rem;
}
.billboard-image .img-holder {
	padding-bottom:100%;
	background-size:cover;
}
.billboard-title {
	font-size:3rem;
	font-weight:bold;
	line-height:1.1;
}
.billboard-title > h1,
.billboard-title > h2,
.billboard-title > h3,
.billboard-title > h4 {
	font-size:inherit;
	font-weight:inherit;
	line-height:inherit;
}
.billboard-title-sm > h1,
.billboard-title-sm > h2,
.billboard-title-sm > h3,
.billboard-title-sm > h4 {
	font-size:0.75em;
}
.billboard-breadcrumb {
	padding:0;
	list-style:none;
	display:flex;
	align-items:center;
}
.billboard-breadcrumb li {
	margin:0;
}
.billboard-breadcrumb a {
	color:inherit;
	text-decoration:none;
}
.billboard-breadcrumb li:first-child > a {
	display:inline-flex;
	align-items:center;
}
.billboard-breadcrumb li:first-child > a:before {
	content:'\e903';
	margin-right:0.75rem;
	font-family:HKScM-DP-Icons;
	font-size:2.4rem;
	line-height:1;
}
.billboard-breadcrumb li + li {
	margin-left:0.75rem;
	display:inline-flex;
	align-items:center;
}
.billboard-breadcrumb li + li:before {
	content:'\e902';
	margin-right:0.75rem;
	font-family:HKScM-DP-Icons;
	font-size:1.5rem;
	line-height:1;
}
.billboard-meta {
	margin-top:-0.75rem;
	padding:0;
	list-style:none;
}
.billboard-meta li {
	margin-top:0.75rem;
	margin-bottom:0;
}
.billboard-meta li > * {
	display:block;
}
.billboard-meta-title {
	margin-bottom:0.25rem;
}
.billboard-meta-value {
	font-weight:300;
}
.billboard-info {
	padding:2rem;
	color:#FFFFFF;
	display:flex;
	flex-direction:column;
	order:1;
}
.billboard-info > *:not(:last-child) {
	margin-bottom:1.5rem;
}
.billboard-info-header,
.billboard-info-footer {
	position:relative;
	margin-left:-1rem;
	margin-right:-1rem;
	line-height:1.2;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.billboard-info-header > *,
.billboard-info-footer > * {
	padding-left:1rem;
	padding-right:1rem;
}
.billboard-info-header .btn,
.billboard-info-footer .btn {
	font-size:inherit;
	font-weight:500;
}
.billboard-info-header .billboard-info-slot,
.billboard-info-footer .billboard-info-slot {
	width:50%;
}
.billboard-info-header .billboard-info-slot-2x,
.billboard-info-footer .billboard-info-slot-2x {
	width:100%;
}
.billboard-info-header .billboard-actions,
.billboard-info-footer .billboard-actions {
	width:auto;
	margin-left:auto;
	order:10;
}
.billboard-info > .billboard-image {
	width:auto;
	margin-left:-2rem;
	margin-right:-2rem;
	border-bottom-left-radius:3rem;
	border-bottom-right-radius:3rem;
}
.billboard-info-header > .billboard-breadcrumb {
	width:100%;
	padding-left:1rem;
	padding-right:1rem;
}
.billboard .collection-count {
	font-weight:500;
	display:flex;
	flex-direction:column;
}
.billboard .collection-count big {
	font-size:1.5rem;
	line-height:1.2;
}
@media (max-width:767px) {
	.billboard {
		display:flex;
		flex-direction:column;
	}
	.billboard-info > .billboard-image:last-child {
		margin-bottom:-2rem;
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
	}
}
@media (min-width:576px) {
	.billboard-title {
		font-size:3.5rem;
	}
	.billboard-info {
		padding-left:1rem;
		padding-right:1rem;
		color:#FFFFFF;
		display:flex;
		flex-direction:column;
		order:1;
	}
	.billboard-info-footer {
		padding-left:0;
		padding-right:0;
	}
	.billboard-info-header .billboard-info-slot,
	.billboard-info-footer .billboard-info-slot {
		width:33.333%;
	}
	.billboard-info > .billboard-image {
		margin-left:0;
		margin-right:0;
	}
}
@media (min-width:768px) {
	.billboard-info-header,
	.billboard-info-footer {
		font-size:1.0625rem;
	}
}
@media (min-width:992px) {
	.billboard {
		--billboard-height:465px;
		height:var(--billboard-height);
		padding-top:0;
		border-radius:0;
	}
	.billboard > .container {
		flex-direction:row;
	}
	.billboard-title {
		width:50%;
		padding-right:15px;
		font-size:3.5rem;
	}
	.billboard-info {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		justify-content:space-between;
		z-index:2;
	}
	.billboard-info:after {
		display:none;
	}
	.billboard-info-header .billboard-info-slot,
	.billboard-info-footer .billboard-info-slot {
		width:25%;
		padding:0 1rem;
	}
	.billboard-info-header .billboard-info-slot-2x,
	.billboard-info-footer .billboard-info-slot-2x {
		width:50%;
	}
	.billboard-info > .billboard-image {
		width:var(--billboard-height);
		max-width:var(--billboard-height);
		height:100%;
		position:absolute;
		top:0;
		right:calc(var(--bs-gutter) * 0.5);
		margin-left:auto;
		border-radius:15%;
	}
	.billboard-info > .billboard-image .img-holder {
		width:100%;
		height:100%;
		position:relative;
		top:auto;
		padding:0;
	}
}
@media (min-width:1200px) {
	.billboard {
		--billboard-height:555px;
	}
	.billboard-title {
		font-size:4.5rem;
	}
	.billboard-meta {
		margin-top:-1.25rem;
	}
	.billboard-meta li {
		margin-top:1.25rem;
	}
	.billboard-info {
		padding-top:3rem;
		padding-bottom:3rem;
	}
	.billboard-info > *:not(:last-child) {
		margin-bottom:2rem;
	}
}
@media (min-width:1600px) {
	.billboard {
		--billboard-height:668px;
	}
	.billboard-title {
		font-size:5rem;
	}
}

.collection-item {
	position:relative;
	color:inherit;
	display:block;
}
a.collection-item,
a.collection-item:hover {
	color:inherit;
	text-decoration:none;
}
.collection-item .collection-cover {
	overflow:hidden;
	position:relative;
	border-radius:15%;
}
.collection-item .collection-cover .img-holder {
	padding-bottom:100%;
}
.collection-item .collection-info {
	position:absolute;
	bottom:8%;
	left:10%;
	right:10%;
	padding:0;
	color:#FFFFFF;
	text-shadow:0 0 1rem rgba(0,0,0,0.5);
}
.collection-item .collection-info .collection-title {
	font-weight:bold;
	display:flex;
}
.collection-item .collection-info .collection-title .collection-code + .collection-name {
	margin-left:1rem;
}
.collection-item .collection-info .collection-category {
	font-size:0.8em;
}
.collection-item .collection-preview {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	border-radius:15%;
}
.collection-item .collection-preview iframe {
	width:100%;
	height:calc(100% + 100px);
	position:absolute;
	top:-50px;
	bottom:0;
}
ul.collection-list {
	margin:0 -15px;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
ul.collection-list > li {
	position:relative;
	margin:0;
	padding-left:15px;
	padding-right:15px;
}
ul.collection-list .collection-item {
	width:14rem;
	max-width:100%;
	margin-bottom:2rem;
}
ul.collection-list.loading {
	min-height:400px;
	background:url(../../images/ajax-loader-spinner.svg) no-repeat center / 60px;
}
.collection-list-empty {
	height:12rem;
	color:#495057;
}
.collection-list-empty > .label {
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
ul.collection-list.loading ~ .collection-list-more,
ul.collection-list.loading ~ .collection-list-empty {
	display:none;
}
.collection-swiper.swiper-container {
	margin-left:-1.75rem;
	margin-right:-1.75rem;
	padding-left:0.875rem;
	padding-right:0.875rem;
}
.collection-swiper.swiper-container:before,
.collection-swiper.swiper-container:after {
	content:'';
	width:0.875rem;
	position:absolute;
	top:0;
	bottom:0;
	background:-webkit-linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
	background:-moz-linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
	background:linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
	z-index:9;
}
.collection-swiper.swiper-container:before {
	left:0;
}
.collection-swiper.swiper-container:after {
	right:0;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.collection-swiper .swiper-slide {
	width:auto;
}
.collection-swiper .swiper-navigation {
	padding:0 1rem;
}
.collection-swiper .collection-item {
	width:14rem;
	margin-left:0.875rem;
	margin-right:0.875rem;
}

.filter-bar {
	margin-bottom:2rem;
	display:flex;
	transition:margin-top 0.15s;
}
@media (max-width:767px) {
	.filter-bar .form-control:focus {
		z-index:9;
	}
	.filter-bar .form-control:not(:first-child) {
		margin-left:-1px;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}
	.filter-bar .form-control:not(:last-child) {
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}
}
@media (min-width:768px) {
	.filter-bar .form-control {
		width:auto;
	}
	.filter-bar .form-control:not(:last-child) {
		margin-right:1rem;
	}
}
.filter-bar-sticky {
	margin-bottom:2rem;
	z-index:9;
}

.mood-photo-block {
	min-height:40vh;
	max-height:75vh;
	overflow:hidden;
}
.mood-photo-block .img-sizer {
	padding-bottom:45%;
}

.search-form {
	position:relative;
	padding:1rem 0;
	background:#EAECEF;
	color:#000000;
}
.search-form .form-control {
	padding:0;
	border:none;
	background:transparent;
	font-size:2rem;
	font-weight:300;
	color:inherit;
}
.search-form .form-control:focus {
	box-shadow:none;
}
.search-form .form-control::-ms-input-placeholder {
	color:#BCBCBC;
}
.search-form .form-control::-moz-placeholder {
	color:#BCBCBC;
}
.search-form .form-control::-webkit-input-placeholder {
	color:#BCBCBC;
}
.search-form .btn {
	padding-top:0;
	padding-bottom:0;
	font-size:1.6rem;
	color:inherit;
}
.search-form .input-group-append {
	opacity:0;
}
.search-form .input-group-append .btn:focus,
.search-form .form-control:focus ~ .input-group-append .btn {
	opacity:1;
}
.search-form .input-group-append .btn {
	display:flex;
	align-items:center;
	justify-content:center;
}
@media (min-width:992px) {
	.search-form {
		padding-top:3rem;
		padding-bottom:3rem;
	}
	.search-form .form-control {
		font-size:5rem;
	}
	.search-form .btn {
		font-size:4rem !important;
	}
}

.text-block {
	margin:2rem auto;
}
@media (min-width:992px) {
	.text-block {
		width:80%;
	}
}
@media (min-width:1200px) {
	.text-block {
		margin-top:3rem;
		margin-bottom:3rem;
	}
}
@media (min-width:1600px) {
	.text-block {
		width:60%;
	}
}

.text-image-block > .row {
	align-items:center;
}
.text-image-block .media {
	position:relative;
	display:block;
}
.text-image-block .media .img-placeholder {
	border-radius:15%;
}
.text-image-block .media .img-holder {
	overflow:hidden;
	padding-bottom:100%;
	border-radius:15%;
}
.text-image-block .media .img-caption {
	margin-top:1rem;
	padding:0 1.5rem;
	font-size:0.8em;
}
.text-image-block .text-block {
	width:85%;
}
.text-image-block.boxed > .row {
	margin-left:auto;
	margin-right:auto;
	align-items:normal;
}
.text-image-block.boxed > .row > .col,
.text-image-block.boxed > .row > [class*=col-] {
	padding-left:0;
	padding-right:0;
}
.text-image-block.boxed .media {
	overflow:hidden;
	border-radius:15%;
}
.text-image-block.boxed .media .img-holder {
	border-radius:0;
}
.text-image-block.boxed .media .img-caption {
	width:100%;
	position:absolute;
	bottom:0;
	padding:2rem 1.5rem;
	color:#FFFFFF;
}
.text-image-block.boxed .media .img-caption:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:-webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background:-moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	z-index:0;
}
.text-image-block.boxed .media .img-caption > p {
	position:relative;
}
.text-image-block.boxed .swiper-container {
	border-radius:15%;
}
.text-image-block.boxed .swiper-container .media {
	border-radius:0;
}
.text-image-block.boxed .swiper-navigation {
	width:100%;
	height:0;
	position:absolute;
	top:50%;
	margin-top:0;
	display:block;
}
.text-image-block.boxed .swiper-button-next,
.text-image-block.boxed .swiper-button-prev {
	position:absolute;
	margin:0;
	border:none;
	font-size:2.5rem;
	color:#FFFFFF;
	text-shadow:0 0 5px rgba(0,0,0,0.25);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
.text-image-block.boxed .swiper-button-next {
	right:0.5rem;
}
.text-image-block.boxed .swiper-button-prev {
	left:0.5rem;
}
.text-image-block.boxed .text-block {
	width:100%;
	height:100%;
	margin:0;
	border-radius:15%;
	background:#C0C1C2;
	color:#FFFFFF;
}
.text-image-block.boxed .text-block-sizer {
	padding-bottom:100%;
}
.text-image-block.boxed .text-block-content {
	width:100%;
	max-height:100%;
	overflow:hidden;
	position:absolute;
	top:50%;
	margin:0;
	padding:1.5rem;
	text-align:center;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
@media (min-width:992px) {
	.text-image-block.boxed .media .img-caption {
		padding:2rem 3rem;
	}
	.text-image-block.boxed .text-block-content {
		padding:3rem;
	}
}

.video-block {
	overflow:hidden;
	position:relative;
}
.video-block.ar-16-9 {
	border-radius:calc(56.25% * 0.15)/15%;
}
.video-block > iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
}


/* website framework */
.page-wrapper {
	min-height:100%;
	overflow:hidden;
	position:relative;
	display:flex;
	flex-direction:column;
}
.page-wrapper > * {
	width:100%;
	background:#FFFFFF;
}

.page-header > .container {
	display:flex;
	align-items:center;
}
.page-header .brand {
	margin-left:-0.5rem;
	padding:1rem 0;
	display:flex;
	align-items:center;
}
.page-header .brand .logo {
	padding:0.5rem;
}
.page-header .brand .logo img {
	height:3.75rem;
}
.page-header .brand .site-name {
	display:none;
}
.page-header .nav-secondary .btn {
	box-shadow:none;
	font-size:inherit;
	color:inherit;
	text-decoration:none;
}
.page-header .nav-secondary .language .dropdown-menu {
	min-width:0;
	border-radius:0;
	font-size:inherit;
}
.page-header .search-form-container {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	padding-top:6.75rem;
	display:none;
	z-index:99;
	-webkit-transition-property:none;
	-moz-transition-property:none;
	transition-property:none;
}
.page-header .search-form-mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(255,255,255,0.4);
}
.page-header .search-form .input-group-append {
	opacity:1;
}
@media (max-width:991px) {
	.page-header .nav-group {
		width:100%;
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		padding-top:1.25rem;
		background:#FFFFFF;
		display:flex;
		flex-direction:column;
		opacity:0;
		z-index:-1;
		-webkit-transition-property:z-index, opacity;
		-moz-transition-property:z-index, opacity;
		transition-property:z-index, opacity;
	}
	.page-header .nav-group > * {
		width:720px;
		margin:0 auto;
		padding:0 15px;
	}
	.page-header .nav {
		font-size:3rem;
		font-weight:bold;
		display:block;
	}
	.page-header .nav a {
		text-decoration:none;
	}
	.page-header .nav-secondary {
		margin-top:auto;
	}
	.page-header .nav-secondary .btn-group {
		padding:1rem 0;
		display:block;
	}
	.page-header .nav-secondary .btn {
		margin-left:calc(-1.25rem - 1px);
		font-size:2rem;
	}
	.page-header .nav-secondary .dropdown-item {
		font-size:2rem;
	}
	.page-header .nav-secondary .search:before {
		content:'';
		position:absolute;
		top:0;
		bottom:0;
		left:-100%;
		right:-100%;
		background:#EAECEF;
	}
	.page-header .search-form {
		width:100%;
		position:fixed;
		bottom:0;
		left:0;
	}
	.page-header .search-form .form-control {
		height:calc(4rem + 2px);
	}
	.page-header .hamburger {
		position:relative;
		margin-left:auto;
		display:block;
		z-index:100;
	}
	.page-header .hamburger:before,
	.page-header .hamburger:after,
	.page-header .hamburger span {
		width:100%;
		margin-left:-50%;
		background:#000000;
	}
	body.mm-opened {
		overflow:hidden;
	}
	body.mm-opened .page-header .nav-group {
		opacity:1;
		z-index:99;
	}
}
@media (max-width:767px) {
	.page-header .nav-group > * {
		width:540px;
	}
}
@media (max-width:575px) {
	.page-header .nav-group > * {
		width:100%;
	}
}
@media (min-width:768px) {
	.page-header .brand {
		margin-left:-1rem;
	}
	.page-header .brand .logo {
		padding-left:1rem;
		padding-right:1rem;
	}
	.page-header .brand .site-name {
		padding:0.25rem 0 0.25rem 1rem;
		border-left:1px solid #D6D6D6;
		font-size:1.3125rem;
		color:inherit;
		line-height:1.2;
		text-decoration:none;
		white-space:nowrap;
		display:block;
	}
}
@media (min-width:992px) {
	.page-header .nav-group {
		margin-left:auto;
		font-size:1.0625rem;
		display:flex;
		align-items:center;
	}
	.page-header .nav {
		padding:0;
		list-style:none;
		display:flex;
	}
	.page-header .nav li {
		margin:0;
	}
	.page-header .nav li:not(:last-child) {
		margin-right:0.25rem;
	}
	.page-header .nav li a {
		padding:0.375rem;
		color:inherit;
		text-decoration:none;
	}
	.page-header .nav-secondary {
		margin-left:0.75rem;
		color:#666666;
		display:flex;
	}
	.page-header .nav-secondary .btn {
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
	.page-header .nav-secondary .btn.active {
		color:#C7000E;
	}
	.page-header .nav-secondary .language .dropdown-menu {
		left:auto;
		right:0;
	}
	.page-header .nav-secondary .language .dropdown-item {
		padding-left:1rem;
		padding-right:1rem;
		text-align:center;
	}
}
@media (min-width:1200px) {
	.page-header .brand {
		margin-left:-1.5rem;
	}
	.page-header .brand .logo {
		padding-left:1.5rem;
		padding-right:1.5rem;
	}
	.page-header .brand .site-name {
		padding:0.25rem 1.5rem;
	}
	.page-header .nav li:not(:last-child) {
		margin-right:1rem;
	}
	.page-header .nav li a {
		padding-left:0.75rem;
		padding-right:0.75rem;
	}
	.page-header .nav-secondary {
		margin-left:2rem;
	}
	.page-header .nav-secondary .btn {
		padding-left:1rem;
		padding-right:1rem;
	}
}

.page-body {
	min-height:30rem;
	position:relative;
	margin:0 auto;
}
.page-body:after {
	content:'';
	clear:both;
	display:block;
}

.page-footer {
	margin-top:auto;
	font-size:0.875rem;
}
.page-footer > .container {
	padding-bottom:5rem;
}
.page-footer > .container:before {
	content:'';
	width:100%;
	margin-bottom:5rem;
	border-top:1px solid #707070;
	display:block;
}
.page-footer-blocks {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
}
.page-footer-blocks > :not(:last-child) {
	margin-bottom:3rem;
}
.page-footer-blocks .legal-block {
	text-align:center;
}
.page-footer-blocks .legal-block .logo img {
	width:15rem;
}
.page-footer-blocks .legal-block .links {
	margin:0;
	padding:0;
	list-style:none;
}
.page-footer-blocks .legal-block .links li {
	margin:0;
}
.page-footer-blocks .legal-block .links li:not(:last-child) {
	margin-right:0.75rem;
}
.page-footer-blocks .legal-block .links a {
	color:inherit;
	text-decoration:underline;
}
.page-footer-blocks .legal-block .copyright {
	padding:0;
}
.page-footer-blocks .partner-block {
	padding:0 1rem;
	flex-basis:0;
	flex-grow:1;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.page-footer-blocks .partner-block img {
	margin:0.5rem 1rem;
}
.page-footer-blocks .social-block {
	margin:0;
	padding:0;
	font-size:1.75rem;
	list-style:none;
	display:flex;
	justify-content:flex-end;
}
.page-footer-blocks .social-block li {
	margin:0;
}
.page-footer-blocks .social-block li:not(:last-child) {
	margin-right:2.75rem;
}
.page-footer-blocks .social-block a {
	color:inherit;
	text-decoration:none;
}
@media (min-width:992px) {
	.page-footer-blocks {
		flex-direction:row;
	}
	.page-footer-blocks > :not(:last-child) {
		margin-bottom:0;
	}
	.page-footer-blocks .legal-block {
		text-align:left;
		flex-basis:45%;
		display:flex;
		align-items:center;
	}
	.page-footer-blocks .legal-block .logo {
		margin-right:3rem;
	}
	.page-footer-blocks .legal-block .logo img {
		width:auto;
		height:4rem;
	}
	.page-footer-blocks .social-block {
		flex-basis:45%;
	}
	.page-footer-blocks .social-block li:not(:last-child) {
		margin-right:2rem;
	}
}
@media (min-width:1200px) {
	.page-footer-blocks .partner-block img {
		margin-left:0.75rem;
		margin-right:0.75rem;
	}
	.page-footer-blocks .social-block li:not(:last-child) {
		margin-right:2.75rem;
	}
}

#image-preload {
	width:1px;
	height:1px;
	overflow:hidden;
	position:absolute;
	top:-1px;
	left:-1px;
}

a.back-to-top {
	width:calc(2.5rem + 2px);
	height:calc(2.5rem + 2px);
	position:fixed;
	bottom:2rem;
	right:calc(-2.7rem - 2px);
	padding:0.5rem;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	font-size:1.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:990;
	transition:right ease-in-out 0.4s;
}
a.back-to-top.show {
	right:0;
}

.page-title {
	font-size:3.5rem;
	font-weight:bold;
}
@media (min-width:768px) {
	.page-title {
		font-size:5rem;
	}
}


/* page specific styles */
body.landing .page-wrapper {
	background:url(../../images/bg-landing.jpg) no-repeat center / cover;
	justify-content:center;
}
body.landing .page-body {
	min-height:0;
	padding-bottom:3rem;
	background:transparent;
	color:#FFFFFF;
}
body.landing .page-footer {
	margin-top:0;
	padding-top:2rem;
	padding-bottom:2rem;
	background:transparent;
}
body.landing .brand {
	width:12rem;
	margin:0 auto 1rem auto;
}
body.landing .brand img {
	max-width:100%;
}
body.landing .site-info {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
body.landing .site-info > * + * {
	margin-top:1.5rem;
}
body.landing .site-info .site-name {
	width:100%;
	font-size:3.25rem;
	font-weight:bold;
}
body.landing .site-info .site-name > span,
body.landing .site-info .site-name > small {
	position:relative;
	line-height:1.2;
	display:block;
}
body.landing .site-info .site-name > span.lined:after {
	content:'';
	width:3em;
	height:0.04em;
	position:absolute;
	bottom:calc(0.6em - 2px);
	margin-left:0.5em;
	background:#FFFFFF;
}
body.landing .site-info .site-name > small {
	font-size:0.8em;
	font-weight:inherit;
}
body.landing .site-info .site-owner {
	width:100%;
	margin-top:1rem;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.2;
	align-self:flex-end;
	display:flex;
	flex-direction:column;
}
body.landing .site-info .site-owner .owner {
	align-self:flex-end;
}
body.landing .site-info .site-owner .owner > * {
	display:block;
}
body.landing .site-info .site-owner .action {
	margin-top:1.5rem;
	align-self:center;
}
body.landing .site-info .site-owner .action .btn {
	min-width:8rem;
}
body.landing .site-info .site-owner .action .language .btn {
	min-width:0;
	box-shadow:none;
	color:#FFFFFF;
}
body.landing .site-info .site-owner .action .language .dropdown-menu {
	min-width:0;
	border-radius:0;
}
@media (min-width:768px) {
	body.landing .brand {
		width:15rem;
	}
	body.landing .site-info {
		align-items:flex-start;
	}
	body.landing .site-info .site-name {
		font-size:4.25rem;
	}
	body.landing .site-info .site-owner {
		width:auto;
		position:absolute;
		bottom:2.125rem;
		left:70%;
		margin-bottom:calc(-1.4375rem - 1px);
	}
	body.landing .site-info .site-owner .owner,
	body.landing .site-info .site-owner .action {
		align-self:flex-start;
	}
}
@media (min-width:992px) {
	body.landing .site-info .site-name {
		font-size:6.25rem;
	}
	body.landing .site-info .site-owner {
		bottom:3.125rem;
	}
	body.landing .site-info .site-owner .action .btn {
		min-width:12rem;
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		transform:scale(1.2);
	}
}


/*body.intro .intro-billboard .billboard {
	max-height:calc(100vh - 6.75rem);
}*/
body.intro .intro-billboard .billboard-info-footer {
	align-items:flex-end;
}
body.intro .intro-billboard .billboard-info-footer > * {
	width:auto;
}
body.intro .intro-billboard .swiper-navigation {
	position:absolute;
	bottom:2rem;
	z-index:9;
}
body.intro .intro-billboard .swiper-button-prev,
body.intro .intro-billboard .swiper-button-next {
	background:#000000;
	color:#FFFFFF;
}
body.intro .intro-billboard .swiper-button-disabled {
	opacity:0;
}
body.intro .intro-billboard .swiper-pagination {
	display:none;
}
body.intro .intro-billboard .text-image-block {
	position:relative;
}
body.intro .intro-billboard .text-block {
	background:#DB5B10;
	font-size:1.5rem;
	font-weight:500;
	color:#FFFFFF;
	line-height:1.2;
}
body.intro .intro-billboard .collection-item {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	z-index:0;
}
body.intro .intro-billboard .collection-item.active {
	position:relative;
	opacity:1;
	z-index:1;
}
@media (max-width:575px) {
	body.intro .intro-billboard .billboard-info-footer {
		width:50%;
	}
	body.intro .intro-billboard .billboard-info-footer > * {
		width:100%;
	}
	body.intro .intro-billboard .billboard-info-footer > * + * {
		margin-top:0.75rem;
	}
	body.intro .intro-billboard .swiper-navigation {
		right:2rem;
	}
}
@media (min-width:576px) {
	body.intro .intro-billboard .swiper-navigation {
		right:calc(50% - 255px);
	}
	body.intro .intro-billboard .text-block {
		font-size:2rem;
	}
}
@media (min-width:768px) {
	body.intro .intro-billboard .swiper-navigation {
		right:calc(50% - 345px);
	}
	body.intro .intro-billboard .text-block {
		font-size:1.5rem;
	}
}
@media (min-width:992px) {
	body.intro .intro-billboard .swiper-navigation {
		bottom:3rem;
		right:calc(50% - 465px);
	}
	body.intro .intro-billboard .swiper-pagination {
		bottom:3rem;
		display:flex;
	}
	body.intro .intro-billboard .text-block {
		font-size:2rem;
	}
}
@media (min-width:1200px) {
	body.intro .intro-billboard .swiper-navigation {
		right:calc(50% - 555px);
	}
	body.intro .intro-billboard .text-block {
		font-size:2.25rem;
	}
}
body.intro .category-list .media {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	z-index:0;
}
body.intro .category-list .media.active {
	position:relative;
	opacity:1;
	z-index:1;
}
body.intro .category-list .text-block {
	background:#555555;
	font-size:0.8rem;
	color:#FFFFFF;
	text-align:center;
}
body.intro .category-list .text-block-content {
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
body.intro .category-list .text-block h4 {
	margin:0;
	font-size:1.5em;
	font-weight:bold;
}
body.intro .category-list .text-block ul {
	margin:0;
	padding:0;
	font-size:2.25em;
	font-weight:500;
	line-height:1.2;
	list-style:none;
}
body.intro .category-list .text-block ul li {
	margin-bottom:0.45em;
}
body.intro .category-list .text-block ul li:last-child {
	margin-bottom:0;
}
body.intro .category-list .text-block ul li a {
	text-decoration:none;
	opacity:0.28;
}
body.intro .category-list .text-block ul li.active a,
body.intro .category-list .text-block ul li a:hover {
	opacity:1;
}
body.intro .category-list .text-block a {
	color:inherit;
}
@media (min-width:576px) {
	body.intro .category-list .text-block {
		font-size:1rem;
	}
}
@media (min-width:768px) {
	body.intro .category-list .text-block {
		font-size:0.8rem;
	}
}
@media (min-width:992px) {
	body.intro .category-list .text-block {
		font-size:1rem;
	}
}
body.intro .tiles {
	max-width:1920px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	font-size:1.0625rem;
}
body.intro .tile {
	position:relative;
	margin:0;
}
body.intro .tile-sizer {
	padding-bottom:75%;
}
body.intro .tile-image {
	width:50%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
body.intro .tile-content {
	width:50%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	padding:1.75rem;
	border-radius:15%;
	color:#FFFFFF;
	display:flex;
	flex-direction:column;
}
body.intro .tile-content .tile-title {
	font-size:1.375rem;
}
body.intro .tile-content .tile-actions {
	margin:auto 0 0 0;
	padding:0;
	font-weight:bold;
	list-style:none;
}
body.intro .tile-content .tile-actions li:last-child {
	margin-bottom:0;
}
body.intro .tile-content .tile-actions a {
	color:inherit;
}
body.intro .tile.contact-us {
	background:#000000;
}
body.intro .tile.contact-us .tile-image {
	background-image:url(../../images/intro/tile-contact-us.jpg);
}
body.intro .tile.sketchfab {
	background:#DB5B10;
}
body.intro .tile.sketchfab .tile-image {
	background-image:url(../../images/intro/tile-sketchfab.jpg);
}
body.intro .tile.about-scm {
	background:#F8F5EC;
}
body.intro .tile.about-scm .tile-image {
	background-image:url(../../images/intro/tile-about-science-museum.jpg);
}
body.intro .tile.about-scm .tile-content {
	color:#000000;
}
body.intro .tile.about-dp {
	background:#9B998D;
}
body.intro .tile.about-dp .tile-image {
	background-image:url(../../images/intro/tile-about-digital-platform.jpg);
}
@media (min-width:576px) {
	body.intro .tile-sizer {
		padding-bottom:50%;
	}
}
@media (min-width:768px) {
	body.intro .tile-sizer {
		padding-bottom:33.333%;
	}
	body.intro .tile-image {
		background-size:cover;
	}
}
@media (min-width:992px) {
	body.intro .tiles {
		display:flex;
		flex-wrap:wrap;
		align-items:flex-start;
	}
	body.intro .tile {
		width:50%;
	}
	body.intro .tile-sizer {
		padding-bottom:100%;
	}
	body.intro .tile.contact-us .tile-image {
		width:100%;
	}
	body.intro .tile.contact-us .tile-content {
		width:50%;
		height:50%;
		background:#000000;
	}
	body.intro .tile.sketchfab .tile-sizer,
	body.intro .tile.about-scm .tile-sizer {
		padding-bottom:50%;
	}
	body.intro .tile.about-scm .tile-image,
	body.intro .tile.about-scm .tile-content {
		width:50%;
	}
	body.intro .tile.about-dp {
		margin-top:-25%;
	}
	body.intro .tile.about-dp .tile-sizer {
		padding-bottom:100%;
	}
	body.intro .tile.about-dp .tile-image {
		width:100%;
	}
	body.intro .tile.about-dp .tile-content {
		width:50%;
		height:50%;
		border:3px solid #FFFFFF;
	}
}
body.intro .related-articles ul {
	padding:0;
	list-style:none;
}
body.intro .related-articles ul li:not(:last-child) {
	margin-bottom:0.75rem;
}
@media (min-width:768px) {
	body.intro .related-articles ul {
		margin-left:-1rem;
		margin-right:-1rem;
		display:flex;
		flex-wrap:wrap;
	}
	body.intro .related-articles ul li {
		width:50%;
		padding:0 1rem;
	}
}
@media (min-width:992px) {
	body.intro .related-articles ul li {
		width:33.333%;
	}
}

body.category-list .billboard {
	border-radius:3rem;
}
body.category-list .billboard + .billboard {
	margin-top:1.5rem;
}
body.category-list .billboard-info {
	padding:1.5rem;
}
body.category-list .billboard-info-header .billboard-actions {
	height:2.5rem;
	font-size:2.5rem;
	line-height:1;
}
body.category-list .billboard-info-header .billboard-actions i.scm {
	vertical-align:top;
}
@media (max-width:991px) {
	body.category-list .billboard-image {
		margin-left:-1.5rem;
		margin-right:-1.5rem;
		order:unset;
	}
}
@media (min-width:992px) {
	body.category-list .page-title {
		margin-bottom:6rem;
	}
	body.category-list .billboard {
		border-radius:calc(55% * 0.15)/15%;
	}
	body.category-list .billboard-image {
		right:0;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}
	body.category-list .billboard-info {
		padding:2rem;
	}
}
@media (min-width:1200px) {
	body.category-list .billboard-info {
		padding:2.5rem;
	}
}
@media (min-width:1600px) {
	body.category-list .billboard-info {
		padding:3.5rem;
	}
}

body.category .collection-item {
	color:#FFFFFF;
}
body.category .collection-list {
	margin-top:2rem;
}
body.category .collection-list > li {
	width:100%;
	-webkit-transition-property:none;
	-moz-transition-property:none;
	transition-property:none;
}
body.category .collection-list > li:nth-child(2n):last-child {
	margin-bottom:0;
}
body.category .collection-list .collection-item {
	width:auto;
}
body.category .collection-list + .pagination {
	justify-content:center;
}
@media (min-width:768px) {
	body.category .collection-list > li {
		width:50%;
	}
	body.category .collection-list > li:nth-child(2n) {
		margin-top:4rem;
		margin-bottom:-4rem;
	}
	body.category .collection-list + .pagination {
		margin-top:4rem;
	}
}
@media (min-width:1200px) {
	body.category .collection-list {
		margin-top:3rem;
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
	body.category .collection-list > li {
		padding-left:1.5rem;
		padding-right:1.5rem;
	}
	body.category .collection-list > li:nth-child(2n) {
		margin-top:6rem;
		margin-bottom:-6rem;
	}
	body.category .collection-list .collection-item {
		margin-bottom:3rem;
	}
	body.category .collection-list + .pagination {
		margin-top:6rem;
	}
}
.category-overview {
	width:100%;
	height:100%;
	overflow:auto;
	position:fixed;
	top:0;
	left:0;
	background:#000000;
	color:#FFFFFF;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	z-index:99;
	-webkit-transition-property:none;
	-moz-transition-property:none;
	transition-property:none;
}
.category-overview > .container {
	position:relative;
	padding-top:2rem;
	padding-bottom:2rem;
}
.category-overview a.close {
	width:2.5rem;
	height:2.5rem;
	position:absolute;
	right:15px;
	border-radius:50%;
	background:#333333;
	color:inherit;
	text-decoration:none;
	text-shadow:none;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:1;
}
.category-overview a.close:before {
	content:'\e909';
	font-family:HKScM-DP-Icons;
	font-size:1.5rem;
	line-height:1;
}
.category-overview .collection-item {
	width:360px;
	max-width:calc(100vw - 2rem);
	margin:0 1rem;
}
.category-overview .category-info {
	margin-bottom:2rem;
	padding-right:3.5rem;
	-webkit-transition-property:none;
	-moz-transition-property:none;
	transition-property:none;
}
.category-overview .category-info h1 {
	font-size:2.5rem;
	font-weight:bold;
}
.category-overview .category-info .instruction {
	display:none;
}
.category-overview .swiper-container {
	margin-left:-1rem;
	margin-right:-1rem;
}
.category-overview .swiper-container:before,
.category-overview .swiper-container:after {
	content:'';
	width:1rem;
	position:absolute;
	top:0;
	bottom:0;
	background:-webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background:-moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	z-index:9;
}
.category-overview .swiper-container:before {
	left:0;
}
.category-overview .swiper-container:after {
	right:0;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.category-overview .swiper-slide {
	width:auto;
}
.category-overview .swiper-pagination {
	width:45%;
	position:relative;
	top:auto;
	left:auto;
	bottom:auto;
	margin:2rem 0 0 1rem;
	display:block;
}
.category-overview .swiper-pagination-progressbar {
	width:100%;
	height:3px;
	position:relative;
	background-color:#333333;
}
.category-overview .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	height:100%;
	position:relative;
	background-color:#FFFFFF;
	transform:none;
	transition-property:width;
}
.category-overview .swiper-pagination-fraction {
	margin-top:1.5rem;
	font-style:italic;
}
.category-overview .swiper-navigation {
	position:absolute;
	bottom:calc(0.25rem + 1.5px);
	right:1rem;
}
.category-overview .swiper-button-next,
.category-overview .swiper-button-prev {
	border-color:#FFFFFF;
	color:inherit;
}
body.category-overview-opened {
	overflow:hidden;
}
@media (min-width:992px) {
	.category-overview a.close {
		position:relative;
		right:auto;
		margin-bottom:3rem;
	}
	.category-overview .collection-item {
		width:500px;
		max-width:33vw;
	}
	.category-overview .category-info {
		max-width:calc(100% - 67vw);
		position:absolute;
		top:7.5rem;
		bottom:calc(8rem + 3px);
		margin-bottom:0;
		padding-right:0;
		display:flex;
		flex-direction:column;
		z-index:10;
	}
	.category-overview .category-info h1 {
		margin-bottom:4rem;
		font-size:3rem;
	}
	.category-overview .category-info .instruction {
		margin-top:auto;
		display:block;
	}
	.category-overview .category-info .instruction > i.scm {
		margin-bottom:0.5rem;
		font-size:2rem;
		display:block;
	}
	.category-overview .swiper-container:before,
	.category-overview .swiper-container:after {
		width:4rem;
	}
	.category-overview .swiper-pagination {
		width:30%;
		margin:3rem auto 0 auto;
	}
}
@media (min-width:1600px) {
	.category-overview > .container {
		max-width:1540px;
	}
}

body.collection-list ul.collection-list .collection-item {
	width:auto;
}

body.collection .billboard .collection-number,
body.collection .billboard .collection-title {
	display:block;
}
body.collection .billboard .collection-number {
	font-size:1em;
	line-height:1;
	display:flex;
	align-items:center;
}
body.collection .billboard .collection-number:after {
	content:'';
	width:1.75em;
	margin-left:0.125em;
	border-bottom:0.25rem solid #FFFFFF;
}
body.collection .billboard .collection-title {
	line-height:1.2;
	display:block;
}
body.collection .billboard-image {
	order:unset;
}
body.collection .billboard-image .img-holder {
	background-size:contain;
}
body.collection .sketchfab-embed-wrapper {
	position:relative;
	padding-bottom:50%;
}
body.collection .sketchfab-embed-wrapper > iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
}
@media (min-width:768px) {
	body.collection .billboard .collection-title-sm {
		font-size:0.5em;
	}
}

body.about .billboard {
	background-color:#C0C1C2;
}
body.about .billboard-info {
	justify-content:center;
}
body.about .billboard-title {
	font-size:2.4rem;
}
body.about .billboard-title > h1 > span {
	position:relative;
	display:block;
}
body.about .billboard-title > h1 > span.lined:after {
	content:'';
	width:3em;
	height:0.04em;
	position:absolute;
	top:calc(50% - 2px);
	margin-left:0.625em;
	background:#FFFFFF;
}
body.about .media {
	overflow:hidden;
	border-radius:15%;
}
body.about .section#donation .section-sizer {

}
@media (min-width:576px) {
	body.about .billboard-title {
		font-size:3rem;
	}
}
@media (min-width:992px) {
	body.about .billboard-title {
		font-size:3.5rem;
	}
}
@media (min-width:1200px) {
	body.about .billboard-title {
		font-size:4.25rem;
	}
	body.about .section#donation .section-sizer {
		max-width:80%;
		margin-left:auto;
		margin-right:auto;
	}
}
@media (min-width:1600px) {
	body.about .billboard-title {
		font-size:5.75rem;
	}
	body.about .section#donation .section-sizer {
		max-width:60%;
	}
}

body.search .category-list {
	margin:0;
	padding:0;
	list-style:none;
}
body.search .category-list > li {
	margin-bottom:2rem;
}
body.search .category-list > li a {
	text-decoration:none;
}
body.search .category-cover {
	width:14rem;
	overflow:hidden;
	margin:0 auto 0.75rem auto;
	border-radius:15%;
}
body.search .category-cover .img-holder {
	padding-bottom:100%;
}
body.search .category-info {
	margin-right:1.5rem;
	flex-basis:0;
	flex-grow:1;
}
body.search .category-info .category-title {
	font-size:3rem;
	font-weight:500;
	line-height:1.2;
	text-decoration:underline;
}
body.search .category-info .category-collection {
	font-size:1.5rem;
}
body.search .category-list > li {
	width:100%;
}
body.search .collection-list .collection-item {
	width:100%;
}
@media (min-width:576px) {
	body.search .category-list > li {
		display:flex;
		align-items:flex-start;
	}
	body.search .category-cover {
		width:10rem;
		order:2;
	}
	body.search .collection-list > li {
		width:50%;
	}
}
@media (min-width:768px) {
	body.search .collection-list > li {
		width:33.333%;
	}
}
@media (min-width:992px) {
	body.search .category-list {
		margin-left:-1rem;
		margin-right:-1rem;
		display:flex;
		flex-wrap:wrap;
	}
	body.search .category-list > li {
		width:50%;
		padding-left:1rem;
		padding-right:1rem;
	}
	body.search .collection-list > li {
		width:25%;
	}
}
@media (min-width:1200px) {
	body.search .category-list {
		margin-left:-2rem;
		margin-right:-2rem;
	}
	body.search .category-list > li {
		padding-left:2rem;
		padding-right:2rem;
	}
	body.search .category-cover {
		width:14rem;
	}
}

body.supporting-page .billboard {
	background:#C0C1C2;
}
body.supporting-page .billboard-info {
	position:relative;
}
body.supporting-page .billboard-title {
	font-size:5rem;
}

body.error-404 .page-title,
body.error-500 .page-title {
	font-size:2.5rem;
	font-weight:300;
	color:#BCBCBC;
	text-transform:uppercase;
}
@media (min-width:992px) {
	body.error-404 .page-title,
	body.error-500 .page-title {
		font-size:3.5rem;
	}
}