@charset "utf-8";

/* Technetium PHP Framework version 2.9
   Author: Tony Leung
   E-mail: info@technetium.info */

@import "components/hero.css";
@import "components/cart.css?mt=202502171841";
@import "components/product.css?mt=202507100849";

:root {
	--bs-gutter: 30px;
}

/* html tags */
*, *:before, *:after {
	-webkit-transition-property:background-color, border-color, color, fill, opacity;
	-webkit-transition-duration:0.15s;
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-property:background-color, border-color, color, fill, opacity;
	-moz-transition-duration:0.15s;
	-moz-transition-timing-function:ease-in-out;
	transition-property:background-color, border-color, color, fill, opacity;
	transition-duration:0.15s;
	transition-timing-function:ease-in-out;
}
html {
	height:100%;
	font-size:14px;
}
body {
	height:100%;
	min-height:100%;
	max-height:999em;
	margin:0;
	padding:0;
	background:#FFFFFF;
	font-family:Roboto, "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", Helvetica, sans-serif;
	font-size:1rem; /* 14px */
	color:#00000F;
	-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;
}
h1, h2, h3, h4, h5, h6 {
	margin:1.5rem 0 1rem 0;
	font-family:inherit;
	font-weight:400;
}
h1 {
	font-size:3rem; /* 42px */
}
h2 {
	font-size:2.285714rem; /* 32px */
}
h3 {
	font-size:1.714285rem; /* 24px */
}
h4 {
	font-size:1.285714rem; /* 18px */
}
h5 {
	font-size:1rem;
}
h6 {
}
p {
	margin:0 0 1em 0;
}
pre {
	margin:0 0 1em 0;
}
ol {
	margin:0 0 1em 0;
	padding:0 0 0 1.5em;
}
ul {
	margin:0 0 1em 0;
	padding:0 0 0 1em;
}
li {
	margin:0 0 0.5em 0;
}
li ol, li ul {
	margin:0.5em 0 0 0;
}
li ol {
	list-style-type:lower-latin;
}
li ol ol {
	list-style-type:lower-roman;
}
dl {
	margin:0 -5px 1em -5px;
	display:flex;
	flex-wrap:wrap;
}
dl dt {
	width:25%;
	margin:0 0 0.5em 0;
	padding:0 5px;
	font-weight:bold;
}
dl dd {
	width:75%;
	margin:0 0 0.5em 0;
	padding:0 5px;
}
dl dt:last-of-type,
dl dd:last-of-type {
	margin-bottom:0;
}
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:#D7063B;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#E35075;
	text-decoration:underline;
}
a:focus {
	outline:none;
}
a * {
	cursor:inherit;
}
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;
}
small {
}
big {
	font-size:1.25em;
	line-height:1;
}
img {
	border:none;
}
hr, div.hr {
	margin:2rem 0;
	border:none;
	border-top:1px solid #7A8282;
}
sup {
	position:relative;
	top:-4px;
	vertical-align:baseline;
}
sub {
	position:relative;
	top:2px;
	vertical-align:baseline;
}
blockquote {
	position:relative;
	margin:1rem 0;
	padding:0 3rem;
	font-size:1.714285rem; /* 24px */
	font-weight:bold;
}
blockquote:before,
blockquote:after {
	position:absolute;
	top:0;
	font-size:3em;
	font-weight:bold;
	color:#D7063B;
	line-height:1;
}
blockquote:before {
	content:'“';
	left:0;
}
blockquote:after {
	content:'”';
	right:0;
}
blockquote:first-child {
	margin-top:0;
}
blockquote:last-child {
	margin-bottom:0;
}
@media (max-width:575px) {
	blockquote {
		font-size:1.428571rem; /* 20px */
	}
}
code {
	overflow:auto;
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #DDDDDD;
	background:#FAFAFA;
	display:block;
}
article h1, article h2, article h3,
article h4, article h5, article h6,
article .h1, article .h2, article .h3,
article .h4, article .h5, article .h6 {
	margin-bottom:1rem;
}
article img {
	max-width:100%;
}
::selection {
	background:#D7063B;
	color:#FFFFFF;
}
::-moz-selection {
	background:#D7063B;
	color:#FFFFFF;
}


/* form elements */
[disabled] {
	background:#E0E0E0;
	cursor:not-allowed;
}

input[type=number] {
	-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	margin:0; 
	-webkit-appearance:none; 
}

.input-error {
	margin-top:0.5rem;
	color:#D7063B;
}
.form-text + .input-error {
	margin-top:0;
}

.g-recaptcha > div {
	margin-left:auto;
	margin-right:auto;
}


/* shared classes */
.fmx {
	font-size:1.2em;
}

.text-cropped {
	font-family:FotomaxCropped, Roboto, "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", Helvetica, sans-serif !important;
	text-transform:uppercase;
}
h1.text-cropped,
.h1.text-cropped {
	font-size:4rem;
	line-height:1;
	display:flex;
	flex-direction:column;
	align-items:center;
}
h1.text-cropped > br,
.h1.text-cropped > br {
	display:none;
}
aside h1.text-cropped {
	font-family:inherit !important;
	font-size:1.5rem;
	text-transform:none;
}
@media (max-width:575px) {
	h1.text-cropped {
		font-size:2.5rem;
	}
}
@media (max-width:575px) {
	aside h1.text-cropped {
		font-size:1.75rem;
	}
}

.underline {
	text-decoration:underline;
}
.nowrap {
	white-space:nowrap;
}
.remark {
	font-size:0.9em;
	color:#707070;
	line-height:normal;
}
.remark a {
	color:inherit;
}

@-webkit-keyframes slideInTitle {
	from {
		width:0%;
	}
	to {
		width:100%;
	}
}
@keyframes slideInTitle {
	from {
		width:0%;
	}
	to {
		width:100%;
	}
}
.slideInTitle {
	position:relative;
	display:inline-block;
	white-space:nowrap;
}
.slideInTitle > .helper {
	display:inline-block;
	visibility:hidden;
}
.slideInTitle > .placeholder {
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	-webkit-animation-name:slideInTitle;
	animation-name:slideInTitle;
}

.img-holder {
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
}
.img-holder.r-1-1 {
	padding-bottom:100% !important;
}
.img-holder.r-4-3 {
	padding-bottom:75% !important;
}
.img-holder.r-3-2 {
	padding-bottom:66.667% !important;
}
.img-holder.r-16-9 {
	padding-bottom:56.25% !important;
}
.img-holder.r-2-1 {
	padding-bottom:50% !important;
}
.img-holder.r-4-1 {
	padding-bottom:25% !important;
}
a.img-holder {
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	transition-property:transform;
}
a.img-holder:hover {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	transform:scale(1.05);
}

.box {
	padding:1.5rem;
	background:#F7F7F7;
}
.box-shadowed {
	overflow:hidden;
	-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 8px 0 rgba(0,0,0,0.3);
	border-radius:5px;
	background:#FFFFFF;
}

.clipping-mask {
	overflow:hidden;
	display:block;
}

.ajax-loading {
	height:100%;
	min-height:10rem;
	background:url(../../images/ajax-double-ring.svg) center / 40px no-repeat;
	display:block;
}

.text-block img {
	max-width:100%;
}
@media (min-width:992px) {
	.text-block {
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
}
@media (min-width:1200px) {
	.text-block {
		width:66.667%;
	}
}


/* shared components */
.accordion > .card,
.accordion > .card:first-of-type,
.accordion > .card:not(:first-of-type):not(:last-of-type) {
	margin-bottom:1.5rem;
	border:1px solid #7A8282;
	border-radius:0;
	background:#FFFFFF;
}
.accordion > .card .card-header {
	margin:0;
	padding:0;
	border:none;
	background:none;
}
.accordion > .card .card-header h1,
.accordion > .card .card-header h2,
.accordion > .card .card-header h3,
.accordion > .card .card-header h4,
.accordion > .card .card-header h5,
.accordion > .card .card-header h6 {
	margin:0;
	padding:0;
}
.accordion > .card .card-header a {
	position:relative;
	padding:1rem calc(2rem + 1.5em) 1rem 2rem;
	display:block;
}
.accordion > .card .card-header a .nav-opener {
	position:absolute;
	top:50%;
	right:2rem;
}
.accordion > .card .card-body {
	padding:1rem 5rem 3rem 5rem;
}
@media (max-width:767px) {
	.accordion > .card .card-body {
		padding-left:2rem;
		padding-right:2rem;
	}
}
@media (max-width:575px) {
	.accordion > .card,
	.accordion > .card:first-of-type,
	.accordion > .card:not(:first-of-type):not(:last-of-type) {
		margin-bottom:0.5rem;
	}
	.accordion > .card .card-header a {
		padding-left:1.5rem;
		padding-right:calc(1.5rem + 1.5em);
	}
	.accordion > .card .card-header a .nav-opener {
		right:1.5rem
	}
	.accordion > .card .card-body {
		padding-bottom:2rem;
		padding-left:1.5rem;
		padding-right:1.5rem;
	}
}

.billboard {
	padding:100px 0 0 0;
}
.billboard > .img-holder {
	width:auto;
	height:350px;
	position:absolute;
	top:0;
	left:210px;
	right:0;
}
.billboard-title {
	width:300px;
	height:300px;
	position:relative;
	padding:15px;
	background:rgba(215,6,59,0.9);
	color:#FFFFFF;
	text-transform:uppercase;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.billboard-title > h1,
.billboard-title > h3 {
	margin:0;
	text-align:center;
}
@media (max-width:991px) {
	.billboard > .img-holder {
		height:300px;
		left:175px;
	}
	.billboard-title {
		width:250px;
		height:250px;
	}
}
@media (max-width:767px) {
	.billboard > .img-holder {
		height:250px;
		left:40px;
		right:40px;
	}
	.billboard-title {
		width:200px;
		height:200px;
	}
	.billboard-title > h1 {
		font-size:2rem;
	}
	.billboard-title > h3 {
		font-size:1.25rem;
	}
}
@media (max-width:575px) {
	.billboard > .img-holder {
		height:200px;
		left:20px;
		right:20px;
	}
	.billboard-title {
		width:150px;
		height:150px;
	}
}

.expandable {
	position:relative;
}
.expandable-sticky-wrapper {
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	display:flex;
	flex-direction:column;
}
.expandable-sticky-spacer {
	flex-grow:1;
}
.expandable-slides {
	-webkit-transition-property:top;
	-webkit-transition-duration:0.8s;
	-moz-transition-property:top;
	-moz-transition-duration:0.8s;
	transition-property:top;
	transition-duration:0.8s;
}
.expandable-slides.sticky {
	width:100%;
	position:fixed;
	top:0;
	left:0;
}
.expandable-slides.sticky-end {
	order:2;
}
.expandable-slides .slide {
	height:20rem;
	overflow:hidden;
	position:relative;
	-webkit-transition-property:height, top;
	-webkit-transition-duration:0.8s;
	-moz-transition-property:height, top;
	-moz-transition-duration:0.8s;
	transition-property:height, top;
	transition-duration:0.8s;
}
.expandable-slides .slide + .slide {
	margin-top:1rem;
}
.expandable-slides .slide:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	border:0 solid #FFFFFF;
	background:rgba(0,0,15,0.6);
	z-index:5;
	-webkit-transition-property:border-width, background-color;
	-moz-transition-property:border-width, background-color;
	transition-property:border-width, background-color;
}
.expandable-slides .slide > .img-holder {
	width:100%;
	height:35rem;
	position:absolute;
	top:calc(50% - 17.5rem);
	z-index:1;
}
.expandable-slides .slide .slide-flex {
	width:100%;
	height:100%;
	padding:0 1rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.expandable-slides .slide .slide-content {
	position:relative;
	padding:2.464285rem 1rem;
	color:#FFFFFF;
	text-align:center;
	text-shadow:0 0 0.5rem rgba(0,0,15,0.6);
	z-index:9;
	-webkit-transition-property:padding-top;
	-moz-transition-property:padding-top;
	transition-property:padding-top;
}
.expandable-slides .slide .slide-content > h1,
.expandable-slides .slide .slide-content > h2 {
	margin-top:0.5rem;
	margin-bottom:0.5rem;
}
.expandable-slides .slide .slide-content .buttons {
	width:100%;
	position:absolute;
	left:0;
	opacity:0;
}
/*.expandable-slides .slide:hover,*/
.expandable-slides .slide.active {
	height:35rem;
}
/*.expandable .slide:hover:before,*/
.expandable .slide.active:before {
	border-left-width:1rem;
	border-right-width:1rem;
	background:rgba(0,0,15,0);
}
/*.expandable-slides .slide:hover .slide-content,*/
.expandable-slides .slide.active .slide-content {
	padding-top:0;
}
/*.expandable-slides .slide:hover .slide-content .buttons,*/
.expandable-slides .slide.active .slide-content .buttons {
	opacity:1;
}
.expandable-placeholder {
	height:100vh;
}
.expandable-placeholder-end {
	height:35rem;
}
@media (max-width:575px) {
	/*.expandable-slides .slide:hover,*/
	.expandable-slides .slide.active,
	.expandable-placeholder-end {
		height:28rem;
	}
}

.info-box {
	margin-bottom:0.5rem;
	display:flex;
	justify-content:space-between;
}
.info-box > :not(:first-child) {
	margin-left:1rem;
}
.info-box > :not(:last-child) {
	margin-right:1rem;
}
.info-box .thumbnail {
	width:160px;
}
.info-box .thumbnail .img-holder {
	padding-bottom:100%;
}
.info-box .info {
	flex-grow:1;
}
.info-box .info h4 {
	width:100%;
	display:flex;
	align-items:center;
}
.info-box .info h4 .date {
	margin-left:auto;
	font-size:1rem;
	color:#7A8282;
}
.info-box .info ul.meta {
	padding:0;
	color:#7A8282;
	list-style:none;
}
.info-box .info ul.meta li {
	margin:0;
	white-space:nowrap;
	display:inline-block;
}
.info-box .info ul.meta li + li {
	margin-left:1.25rem;
}
.info-box .buttons .btn {
	width:100%;
	display:block;
}
.info-box .buttons .btn + .btn {
	margin-top:0.5rem;
}
@media (max-width:767px) {
	.info-box {
		display:block;
	}
	.info-box > :not(:first-child) {
		margin-top:1rem;
		margin-left:0;
	}
	.info-box > :not(:last-child) {
		margin-bottom:1rem;
		margin-right:0;
	}
	.info-box .thumbnail {
		margin-left:auto;
		margin-right:auto;
	}
	.info-box .info ul.meta li {
		display:block;
	}
	.info-box .info ul.meta li + li {
		margin-top:0.25rem;
		margin-left:0;
	}
	.info-box .buttons .btn {
		width:auto;
		margin-top:0.5rem;
		display:inline-block;
	}
	.info-box .buttons .btn:not(:last-child) {
		margin-right:0.5rem;
	}
}

[data-membership-tier="STANDARD"] {
	--membership-card-bg: #D7063B;
	--membership-card-color: #FFFFFF;
}
[data-membership-tier="VIP"] {
	--membership-card-bg: #D7063B;
	--membership-card-color: #FFFFFF;
}
[data-membership-tier="PAID"] {
	--membership-card-bg: linear-gradient(90deg, #93918f 0%, #c0bcb7 10%, #a4a6a9 30%, #c1c1c5 40%, #f4f4f5 50%, #c3c6ca 70%, #e7e7e3 80%, #707574 100%);
	--membership-card-color: #232323;
}
.membership-card {
	max-width: 400px;
	overflow: hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border-radius: 1em;
	background: var(--membership-card-bg);
	font-size: 1rem;
	color: var(--membership-card-color);
	flex-shrink: 0;
}
.membership-card:before {
	content: '';
	width: 100%;
	padding-bottom: 60%;
	background-image: url('data:image/svg+xml;utf8,<svg width="330" height="400" viewBox="0 0 33 40" xmlns="http://www.w3.org/2000/svg"><path d="M6.9,0s1.7.7,1.1,3L.3,36.5s-1.2,3.5,1.1,3.5h9.4s-1.5-1.1-.8-4.1c.5-2.1,3.3-14.8,3.3-14.8h11.2c2.2,0,2.6-1,3.6-6.3h-13l.9-4.3s.7-4,1.4-4h8.8c3,.2,4.9,1,6.6-6.3l-26.1-.2Z" fill="white"/></svg>');
	background-position: right 5% bottom;
	background-repeat: no-repeat;
	background-size: auto 95%;
	opacity: 0.15;
	display: block;
}
.membership-card-info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 4.5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.membership-card-info .btn {
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-padding-y: 0.25rem;
	--bs-btn-border-radius: 0;
	--bs-btn-color: inherit;
	--bs-btn-active-border-color: transparent;
}
.membership-card-info .btn:disabled {
	opacity: 0;
}
.membership-card-info > .row {
	align-items: center;
}
.membership-card-info .membership-tier-badge:not(:last-child) {
	margin-bottom: 0.75rem;
}
.membership-card-info .membership-tier-badge .badge {
	opacity: 0.75;
}
.membership-card-logo {
	position: relative;
	padding-bottom: 18%;
}
.membership-card-logo > svg {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0 0 0 0;
	fill: var(--membership-card-color);
}
.membership-card-name {
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.2;
}
.membership-card-link {
	--bs-link-color-rgb: var(--bs-white-rgb);
	--bs-link-hover-color-rgb: var(--bs-white-rgb);
	font-weight: 600;
}
.membership-card-link:hover {
	text-decoration: none;
}
.membership-card-meta {
	display: flex;
	flex-direction: column;
}
.membership-card-meta .membership-card-value {
	font-size: var(--bs-fs-6);
	font-weight: 600;
	line-height: 1.285714;
}
.membership-card-balance {
	display: flex;
	flex-direction: column;
}
.membership-card-balance .membership-card-label {
	margin-top: 0.5rem;
	opacity: 0.8;
	order: 1;
}
.membership-card-balance .membership-card-value {
	font-size: var(--bs-fs-1);
	line-height: 1.2;
	order: 0;
}
.membership-card-qrcode-modal .modal-dialog {
	max-width: 250px !important;
	margin-left: auto;
	margin-right: auto;
}
.membership-card-qrcode-modal .modal-content {
	border-width: 0;
	background-color: transparent;
}
.membership-card-qrcode-modal .modal-body {
	border-radius: 0.3rem;
	background-color: #FFFFFF;
}
.membership-card-qrcode-modal .qrcode-img {
	max-width: 100%;
}
.membership-card-qrcode-modal .close {
	width: 3rem;
	height: 3rem;
	margin-top: 1.5rem;
	border-radius: 50%;
	background-color: #FFFFFF;
	align-self: center;
	opacity: 0.75;
}
.membership-card-qrcode-modal .close:not(:disabled):not(.disabled):focus,
.membership-card-qrcode-modal .close:not(:disabled):not(.disabled):hover {
	opacity: 1;
}
.membership-card-qrcode-toggle {
	position: absolute;
	inset: 0 0 0 0;
	z-index: 1;
}
.membership-card-bonus-point:before {
	content: '\e905';
	width: auto;
	height: auto;
	top: 0;
	left: auto;
	right: 0;
	background: none;
	font-family: 'DocuXpress-Icons';
	font-size: 8rem;
	color: var(--bs-dark-rgb);
	line-height: 1;
	transform: translate(15%, -17.5%);
}
.membership-tier-badge .badge {
	min-width: 4em;
	padding: 0.375em 0.625em;
	border: 1px solid var(--membership-card-color, #FFFFFF);
	border-radius: 0.875em;
	font-size: 1em;
}
.membership-status-statement {
	margin-bottom: 30px;
	padding: 15px 20px;
	border-left: 4px solid #D7063B;
}
.membership-privilege-table [data-membership-tier] {
	background: var(--membership-card-bg);
	color: var(--membership-card-color);
}

.meta-list {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.meta-list-item {
	margin: 0;
	padding: 0;
}
.meta-list-item:not(:last-child) {
	margin-right: 0.5rem;
}
.meta-list.separated .meta-list-item:not(:last-child) {
	margin-right: 0.25rem;
}
.meta-list.separated .meta-list-item:not(:last-child):after {
	content: '•';
	margin-left: 0.25rem;
}

.nav-collapsed ul {
	width:100%;
	padding:0;
	list-style:none;
}
.nav-collapsed ul ul {
	margin-top:0.5rem;
	padding-left:1.5rem;
	display:none;
}
.nav-collapsed li {
	width:100%;
	margin-bottom:0.5rem;
	display:flex;
	flex-wrap:wrap;
}
.nav-collapsed li a {
	color:inherit;
	text-decoration:none;
}
.nav-collapsed li a:not(.nav-opener) {
	flex-grow:1;
}
.nav-collapsed li.opened > ul {
	display:block;
}
.nav-collapsed > ul > li {
	margin-bottom:1.5rem;
}

.nav-opener {
	width:1.5em;
	position:relative;
	margin-left:0.5em;
	padding:0;
	display:inline-block;
}
.nav-opener span {
	width:100%;
	height:100%;
	position:relative;
	display:block;
}
.nav-opener span:before,
.nav-opener span:after {
	content:'';
	position:absolute;
	background:#00000F;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	transition-property:transform;
}
.nav-opener span:before {
	width:1em;
	height:2px;
	top:calc(50% - 1px);
	left:calc(50% - 0.5em);
}
.nav-opener span:after {
	width:2px;
	height:1em;
	top:calc(50% - 0.5em);
	left:calc(50% - 1px);
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	transition-property:transform;
}
.opened > .nav-opener span:after,
[aria-expanded=true] > .nav-opener span:after {
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
}

.timeline {
	position:relative;
	padding-top:8rem;
	padding-bottom:8rem;
}
.timeline > .container {
	padding-left:0;
	padding-right:0;
	display:flex;
	justify-content:center;
}
.timeline .image {
	width:65%;
	max-width:710px;
	position:relative;
	padding:0 15px;
}
.timeline .image:before {
	content:'';
	width:100vw;
	position:absolute;
	top:0;
	bottom:0;
	right:15px;
	background:#F7F7F7;
	z-index:0;
}
.timeline .image:after {
	content:'';
	height:8rem;
	position:absolute;
	left:calc(50% - 1.5px);
	top:100%;
	border-left:3px dashed #D8D8D8;
	z-index:0;
}
.timeline .image .img-holder {
	position:relative;
	margin-top:-8rem;
	margin-bottom:-8rem;
	padding-bottom:80%;
	background-size:contain;
	z-index:9;
}
.timeline .content {
	width:30%;
	position:relative;
	margin-right:5%;
	padding:0 15px;
	display:flex;
	flex-direction:column;
	z-index:9;
}
.timeline .content h2 {
	text-transform:uppercase;
}
.timeline .content .buttons {
	margin-top:auto;
}
.timeline.inverted .image {
	order:2;
}
.timeline.inverted .image:before {
	left:15px;
	right:auto;
}
.timeline.inverted .content {
	margin-left:5%;
	margin-right:0;
	order:1;
}
.timeline.last .image:after {
	display:none;
}
@media (max-width:991px) {
	.timeline {
		padding-top:1.5rem;
		padding-bottom:1.5rem;
	}
	.timeline > .container {
		flex-direction:column;
		align-items:center;
	}
	.timeline .image {
		width:100%;
		max-width:500px;
	}
	.timeline .image:before {
		top:50%;
		bottom:-2.6rem;
	}
	.timeline .image:after {
		display:none;
	}
	.timeline .image .img-holder {
		margin-top:0;
		margin-bottom:0;
	}
	.timeline .content {
		width:100%;
		max-width:500px;
		margin-right:0;
		text-align:center;
	}
	.timeline .content h2 {
		font-size:1.75rem;
	}
	.timeline .content .buttons {
		margin-top:2rem;
	}
	.timeline.inverted .image {
		order:1;
	}
	.timeline.inverted .content {
		margin-left:0;
		order:2;
	}
}

.video-wrapper {
	width:800px;
	max-width:100%;
	margin:1rem auto;
}
.video-wrapper .img-holder {
	position:relative;
}
.video-wrapper .img-holder iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}


/* angular components */
coupon {
	--coupon-padding-x: 1rem;
	--coupon-padding-y: 1rem;
	--coupon-border-radius: 0;
	--coupon-bg: #F7F7F7;
	--coupon-color: #00000F;
	--coupon-secondary-color: #828282;
	--coupon-header-padding-x: 0.25rem;
	--coupon-header-padding-y: 1rem;
	--coupon-header-bg: #D7063B;
	--coupon-header-color: #FFFFFF;
	--coupon-header-hollow-size: 1rem;
	--coupon-header-hollow-bg: #FFFFFF;
	--coupon-title-font-size: 1.142857rem;
	--coupon-title-line-height: 1.5;
	--coupon-code-padding-x: 0.5rem;
	--coupon-code-padding-y: 0.25rem;
	--coupon-code-border-color: #828282;
	--coupon-code-border-radius: 0.25rem;
	--coupon-code-bg: #FFFFFF;
	--coupon-code-font-size: 1rem;
	--coupon-code-font-weight: 600;
}
coupon .coupon {
	overflow: hidden;
	position: relative;
	margin-bottom: var(--bs-spacer-3);
	border-radius: var(--coupon-border-radius);
	background-color: var(--coupon-bg);
	color: var(--coupon-color);
	display: flex;
}
coupon .coupon:before {
	content: '';
	width: 8.888rem;
	height: 7.5rem;
	position: absolute;
	bottom: 1.75rem;
	right: -0.5rem;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 13 10.97"><path d="M0,9.85C0,10.5.48,10.97,1.04,10.97h10.93c.56,0,1.04-.48,1.04-1.04v-2.59c-.82-.26-1.47-.95-1.47-1.86s.56-1.64,1.47-1.86V1.04c0-.56-.48-1.04-1.04-1.04H1.04C.48,0,0,.43,0,1.04v2.59c.82.26,1.47.95,1.47,1.86S.82,7.08,0,7.34v2.59H0S0,9.85,0,9.85ZM12.01.95h0v1.9c-.91.56-1.47,1.47-1.47,2.59s.56,2.03,1.47,2.59v1.86H1.04v-1.86c.91-.56,1.47-1.47,1.47-2.59s-.56-2.03-1.38-2.59V.95h10.93" fill="%23D7063B"/><polygon points="4.79 8.34 6.52 7 8.12 8.25 7.51 6.05 9.24 4.66 7.21 4.66 6.52 2.5 5.83 4.66 3.84 4.66 5.53 6.05 4.92 8.25 4.79 8.34" fill="%23D7063B"/></svg>');
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.1;
	transform: rotate(-30deg);
	transform-origin: right;
}
coupon .coupon > * {
	position: relative;
}
coupon .coupon-header {
	padding: var(--coupon-header-padding-y) var(--coupon-header-padding-x);
	background-color: var(--coupon-header-bg);
	color: var(--coupon-header-color);
	writing-mode: vertical-lr;
	display: flex;
	justify-content: center;
}
coupon .coupon-header:before,
coupon .coupon-header:after {
	content: '';
	position: absolute;
	right: calc(var(--coupon-header-hollow-size) * -0.5);
	border-width: calc(var(--coupon-header-hollow-size) * 0.5);
	border-top-width: 0;
	border-style: solid;
	border-color: var(--coupon-header-hollow-bg);
	border-bottom-left-radius: calc(var(--coupon-header-hollow-size) * 0.5);
	border-bottom-right-radius: calc(var(--coupon-header-hollow-size) * 0.5);
}
coupon .coupon-header:before {
	top: 0;
}
coupon .coupon-header:after {
	bottom: 0;
	transform: scaleY(-1);
}
html[lang="en-us"] coupon .coupon-header {
	transform: rotate(180deg);
}
html[lang="en-us"] coupon .coupon-header:before,
html[lang="en-us"] coupon .coupon-header:after {
	left: calc(var(--coupon-header-hollow-size) * -0.5);
	right: auto;
}
html[lang="zh-hk"] coupon .coupon-header {
	letter-spacing: var(--bs-spacer-1);
}
coupon .coupon-title {
	font-size: var(--coupon-title-font-size);
	line-height: var(--coupon-title-line-height);
	text-transform: uppercase;
}
coupon .coupon-description {
	color: var(--coupon-secondary-color);
}
coupon .coupon-code {
	margin: 0;
	padding: var(--coupon-code-padding-y) var(--coupon-code-padding-x);
	border: 1px dashed var(--coupon-code-border-color);
	border-radius: var(--coupon-code-border-radius);
	background-color: var(--coupon-code-bg);
	font-family: inherit;
	font-size: var(--coupon-code-font-size);
	font-weight: var(--coupon-code-font-weight);
	color: var(--coupon-color);
	text-transform: uppercase;
	display: inline-block;
}
coupon .coupon-body {
	position: relative;
	padding: var(--coupon-padding-y) var(--coupon-padding-x);
	align-self: center;
	flex-grow: 1;
}
coupon .coupon-body > :not(:last-child) {
	margin-bottom: 0.25rem;
}
coupon .coupon-body .meta-list {
	margin-top: 0.5rem;
	color: var(--coupon-secondary-color);
	align-items: center;
}
coupon .coupon-actions {
	padding: var(--coupon-padding-y) var(--coupon-padding-x);
	align-self: center;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
}
coupon .coupon-actions > * + * {
	margin-top: 0.5rem;
}
coupon .coupon-actions .badge {
	font-size: 1rem;
}
coupon .coupon-actions .btn-sm {
	--bs-btn-padding-y: 0.5rem;
}
coupon .coupon-body + .coupon-actions {
	padding-left: 0;
}
@media (min-width: 768px) {
	coupon {
		--coupon-padding-x: 1.5rem;
		--coupon-padding-y: 1.5rem;
	}
}

shop-picker + .form-actions {
	margin-top:0;
}


/* website framework */
.page-wrapper {
	width:100%;
	min-height:100%;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}

.announcement-bar {
	padding: 0.625rem 0;
	background: #00000F;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.announcement-bar a {
	color: inherit;
}

.page-header {
	width:100%;
	position:relative;
	margin:0 auto;
}
.page-header .hgroup {
	width:100%;
	position:absolute;
	top:0;
	background:transparent;
	z-index:15 !important;
	-webkit-transition-property:-webkit-box-shadow;
	-moz-transition-property:-moz-box-shadow;
	transition-property:box-shadow;
}
.page-header .hgroup > .sticky-wrapper {
	width:100%;
	position:absolute;
}
.page-header .hgroup .logo {
	position:absolute;
	margin-top:1.5rem;
	left:2rem;
}
.page-header .hgroup .logo svg {
	width:calc(169px + 1rem); /* 169px */
	height:calc(30px + 1rem); /* 30px */
	padding:0.5rem;
	display:block;
}
.page-header .hgroup .header-links {
	position: absolute;
	right: 0;
}
.page-header .hgroup .header-links a,
.page-header .hgroup .header-links button {
	border:none;
	background:none;
	font-size:inherit;
	color:inherit;
	text-decoration:none;
}
.page-header .hgroup .header-links i.fmx {
	font-size:1.625em;
}
.page-header .hgroup .header-links ul {
	padding:0;
	list-style:none;
	display:flex;
}
.page-header .hgroup .header-links ul > li {
	position:relative;
	margin:0;
}
.page-header .hgroup .header-links ul > li:not(:last-child) {
	padding-right:1px;
}
.page-header .hgroup .header-links ul > li:not(:last-child):after {
	content:'';
	position:absolute;
	top:0.75rem;
	bottom:0.75rem;
	right:0;
	border-right:1px solid #7A8282;
}
.page-header .hgroup .header-links ul > li > a {
	padding:0.5rem 1rem;
	display:block;
}
.page-header .hgroup .header-links .cart-item-count {
	min-width:1.25rem;
	position:relative;
	top:-0.25rem;
	margin-left:-0.75rem;
	margin-right:-0.25rem;
	padding:2px 3px;
	border-radius:calc(0.357143rem + 2px);
	background:#D6053A;
	font-size:0.714285rem;
	color:#FFFFFF;
	line-height:1;
	text-align:center;
	vertical-align:top;
	display:inline-block;
}
.page-header .hgroup .header-links span.dropdown-item:hover,
.page-header .hgroup .header-links span.dropdown-item:focus,
.page-header .hgroup .header-links span.dropdown-item:active {
	background-color:transparent;
	color:inherit;
	cursor:default
}
.page-header .hgroup form.search {
	display:flex;
}
.page-header .hgroup form.search .form-control-wrapper {
	width:0;
	overflow:hidden;
	-webkit-transition-property:width;
	-moz-transition-property:width;
	transition-property:width;
}
.page-header .hgroup form.search .form-control {
	height:2.5rem;
	padding:0.5rem 0 0.5rem 1rem;
	border:none;
	background:none;
	color:inherit;
}
.page-header .hgroup form.search .form-control:focus {
	box-shadow:none;
}
.page-header .hgroup form.search .btn {
	margin-right:0;
	padding:0.625rem 1rem;
}
.page-header .hgroup form.search.active .form-control-wrapper {
	width:200px;
	overflow:visible;
}
.page-header .sidebar {
	display:none;
}
@media (min-width:992px) {
	.page-header:before {
		content:'';
		width:100%;
		position:fixed;
		top:0;
	}
	.sticky-header .page-header:before {
		height:calc(30px + 4rem);
		background:#FFFFFF;
		-webkit-box-shadow:0 0 10px 0 rgba(0,0,15,0.3);
		-moz-box-shadow:0 0 10px 0 rgba(0,0,15,0.3);
		box-shadow:0 0 10px 0 rgba(0,0,15,0.3);
		z-index: 10;
	}
}
@media (max-width:991px) {
	.page-header {
		top:0;
		border-bottom:1px solid #7A8282;
		background:#FFFFFF;
	}
	.page-header .hgroup {
		height:auto;
		position:relative;
		top:auto;
		padding:0.5rem 15px;
	}
	.page-header .hgroup .logo {
		width:calc(169px + 1rem);
		position:relative;
		top:auto;
		left:auto;
		margin:0 auto;
	}
	.page-header .hgroup .logo svg {
		width:100%;
	}
	.page-header .hgroup .header-links {
		position:absolute;
		top:calc(50% - 1.4rem);
		right:5px;
		font-size:1.2rem;
	}
	.page-header .hgroup .header-links ul > li:not(:last-child):after {
		display:none;
	}
	.page-header .hamburger {
		z-index:19;
	}
	.page-header .sidebar {
		width:300px;
		height:100%;
		position:fixed;
		top:0;
		left:-310px;
		-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.25);
		-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.25);
		box-shadow:0 0 10px 0 rgba(0,0,0,0.25);
		background:#F6F6F6;
		font-size:1.142857rem; /* 16px */
		display:flex;
		flex-direction:column;
		z-index:18;
		-webkit-transition-property:left;
		-moz-transition-property:left;
		transition-property:left;
	}
	.page-header .sidebar .language-switch {
		height:calc(31px + 2rem);
		margin:0;
		padding:15px;
		background:#00000F;
		color:#FFFFFF;
		list-style:none;
		display:flex;
		align-items:center;
		justify-content:flex-end;
	}
	.page-header .sidebar .language-switch li {
		margin:0;
	}
	.page-header .sidebar .language-switch a,
	.page-header .sidebar .language-switch span {
		padding:0.5rem 0.75rem;
		display:block;
	}
	.page-header .sidebar .language-switch a {
		color:inherit;
	}
	.page-header .sidebar .language-switch span {
		color:#7A8282;
	}
	.page-header .sidebar .scroller {
		overflow:auto;
		flex-grow:1;
	}
	.page-header .sidebar form.search {
		padding:0.75rem 15px;
	}
	.page-header .sidebar form.search .form-control {
		padding-left:0;
		border-bottom-color:#BDC2C3;
	}
	.page-header .sidebar form.search .form-control:focus {
		border-bottom-color:#D7063B;
	}
	.page-header .sidebar form.search .btn {
		padding-left:0.625rem;
		padding-right:0.625rem;
		border-bottom-color:#BDC2C3;
		color:#BDC2C3;
	}
	.page-header .sidebar form.search .form-control:focus + .input-group-append .btn {
		border-bottom-color:#D7063B;
		color:#D7063B;
	}
	.page-header .sidebar .header-links {
		margin-bottom:0.75rem;
		padding:0.75rem 15px;
	}
	.page-header .sidebar .header-links ul {
		padding:0;
		list-style:none;
	}
	.page-header .sidebar .header-links li:not(:last-child) {
		margin-bottom:1.25rem;
	}
	.page-header .sidebar .header-links a {
		color:inherit;
		text-decoration:none;
	}
	.page-header .sidebar .header-links a .fmx {
		width:1.25em;
		margin-right:0.5rem;
		font-size:1.5em;
		text-align:center;
		display:inline-block;
	}
	.page-header .sidebar .mobile-menu {
		padding:1.5rem 15px;
		background:#FFFFFF;
		display:block;
	}
	.page-header .sidebar .mobile-menu ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.page-header .sidebar .mobile-menu li {
		width:100%;
		margin:0;
		padding:0;
	}
	.page-header .sidebar .mobile-menu a:not(.nav-opener) {
		padding-top:0.5rem;
		padding-bottom:0.5rem;
		color:inherit;
		display:block;
	}
	.page-header .sidebar .mobile-menu ul ul {
		padding-left:15px;
	}
	.page-header .sidebar-mask {
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		background:#FFFFFF;
		display:none;
		opacity:0;
		z-index:15;
	}
	.mm-opened .page-header .sidebar-trigger {
		position: fixed;
		top: calc(1rem - 9.5px);
		transition-property: none;
	}
	.mm-opened .page-header .sidebar {
		left:0;
	}
	.mm-opened .page-header .sidebar-mask {
		display:block;
		opacity:0.6;
	}
}
@media (max-width:575px) {
	.page-header .hgroup .logo {
		width:calc(145px + 1rem);
	}
	.page-header .hgroup .header-links ul > li > a {
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
}
@media (max-width:374px) {
	.page-header .hgroup {
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	.page-header .hgroup:before {
		content:'';
		width:40px;
	}
	.page-header .hgroup .logo {
		width:calc(135px + 1rem);
		margin-left:0;
		margin-right:0;
	}
	.page-header .hgroup .header-links {
		position:relative;
		top:auto;
		right:auto;
	}
}

.main-menu {
	width:1030px;
	max-width:100%;
	position:relative;
	margin:0 auto;
	padding-top:4rem;
	z-index:14;
}
.main-menu ul {
	width:100%;
	height:9rem;
	margin:0 auto;
	padding:0;
	background:#FFFFFF;
	list-style:none;
	display:flex;
	-webkit-transition-property:height, padding;
	-moz-transition-property:height, padding;
	transition-property:height, padding;
}
.main-menu li {
	width:1%;
	height:100%;
	margin:0;
	text-align:center;
	flex-grow:1;
	display:flex;
	align-items:center;
}
.main-menu li:not(:last-child):after {
	content:'';
	height:40px;
	border-right:1px solid #7A8282;
	-webkit-transition-property:height;
	-moz-transition-property:height;
	transition-property:height;
}
.main-menu li a {
	padding:1rem 0.5rem;
	color:inherit;
	text-decoration:none;
	flex-grow:1;
	-webkit-transition-property:padding, color;
	-moz-transition-property:padding, color;
	transition-property:padding, color;
}
.main-menu li a i.fmx {
	height:3rem;
	overflow:hidden;
	margin:0 auto 0.75rem auto;
	font-size:3rem;
	display:block;
	-webkit-transition-property:height, margin-bottom;
	-moz-transition-property:height, margin-bottom;
	transition-property:height, margin-bottom;
}
.main-menu li a span {
	display:block;
}
.main-menu li a:hover,
.main-menu li a.hover {
	padding-top:calc(1rem - 10px);
	padding-bottom:calc(1rem + 10px);
}
.main-menu li.active a {
	color:#D7063B;
}
.main-menu li.active a svg {
	fill:#D7063B;
}
.main-menu .sticky-wrapper {
	width:100%;
	min-height:9rem;
}
.main-menu .sticky-wrapper.is-sticky ul {
	height:calc(30px + 4rem);
	padding-left:5%;
	padding-right:5%;
	background:transparent;
}
.main-menu .sticky-wrapper.is-sticky li a i.fmx {
	height:0;
	margin-bottom:0;
}
.main-menu .sticky-wrapper.is-sticky li:not(:last-child):after {
	height:0;
}
@media (max-width:1439px) {
	.main-menu {
		width:780px;
	}
}
@media (max-width:1199px) {
	.main-menu .sticky-wrapper.is-sticky ul {
		padding-left:10%;
		padding-right:10%;
	}
	.main-menu .sticky-wrapper.is-sticky li a {
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
}
@media (max-width:991px) {
	.main-menu {
		display:none;
	}
}

.mega-menu {
	display:none;
}
@media (min-width:992px) {
	.mega-menu {
		width:900px;
		position:relative;
		margin:0 auto;
		display:block;
		z-index:9;
	}
	.mega-menu .sticky-wrapper {
		height:0 !important;
	}
	.mega-menu-container {
		width:900px !important;
		position:absolute;
		display:none;
		opacity:0;
	}
	.mega-menu-item {
		width:100%;
		position:absolute;
		padding:3rem 4rem;
		background:#F7F7F7;
		display:none;
	}
	.mega-menu-item.active {
		display:block;
	}
	.mega-menu-item > .row {
		justify-content:space-between;
	}
	.mega-menu-item > .row > .col {
		width:auto;
		flex-basis:auto;
		flex-grow:0;
	}
	.mega-menu-item h4 {
		margin-bottom:0.5rem;
	}
	.mega-menu-item h4:not(:first-child) {
		margin-top:2.5rem;
	}
	.mega-menu-item ul {
		padding:0;
		list-style:none;
	}
	.mega-menu-item li {
		margin-bottom:0;
	}
	.mega-menu-item a {
		color:inherit;
	}
	.mega-menu-item a:hover {
		color:#D7063B;
		text-decoration:none;
	}
	body.sticky-header .mega-menu {
		margin-top:-2rem;
	}
}
@media (min-width:1600px) {
	.mega-menu {
		width:1200px;
	}
	.mega-menu-container {
		width:1200px !important;
	}
}

.page-content {
	min-height:20rem;
	position:relative;
	z-index:auto;
}
.page-content:after {
	content:'';
	clear:both;
	display:block;
}
.page-content .nav-breadcrumb {
	background:transparent;
	font-size:1.142857rem; /* 16px */
}
.page-content .nav-breadcrumb .breadcrumb {
	padding:1.25rem 0;
	background:transparent;
}
.page-content .nav-breadcrumb .breadcrumb li {
	margin:0;
}
.page-content .nav-breadcrumb .breadcrumb a {
	color:inherit;
}
.page-content .nav-breadcrumb .breadcrumb [class^="fmx-"],
.page-content .nav-breadcrumb .breadcrumb [class*=" fmx-"] {
	font-size: 1.333rem;
}
.page-content .nav-breadcrumb .breadcrumb-item.active {
	color:inherit;
}
.page-content .nav-breadcrumb .breadcrumb-item + .breadcrumb-item {
	padding:0;
}
.page-content .nav-breadcrumb .breadcrumb-item + .breadcrumb-item:before {
	content:'\e911';
	padding-left:1.5rem;
	padding-right:1.5rem;
	font-family:FotomaxIcon;
	color:inherit;
}
.page-content .billboard + .nav-breadcrumb {
	margin-top: 2rem;
}
@media (max-width:767px) {
	.page-content .nav-breadcrumb .breadcrumb {
		padding-top:0.5rem;
		padding-bottom:0.5rem;
		font-size:1rem;
	}
	.page-content .nav-breadcrumb .breadcrumb-item + .breadcrumb-item:before {
		padding-left:0.75rem;
		padding-right:0.75rem;
	}
	.page-content .billboard + .nav-breadcrumb {
		margin-top: 1rem;
	}
}

.page-footer {
	width:100%;
	position:relative;
	background:-moz-linear-gradient(180deg, rgba(255,255,255,0) 0px, rgba(255,255,255,1) calc(3.5rem + 1.714285rem * 0.6));
	background:-webkit-linear-gradient(180deg, rgba(255,255,255,0) 0px, rgba(255,255,255,1) calc(3.5rem + 1.714285rem * 0.6));
	background:linear-gradient(180deg, rgba(255,255,255,0) 0px, rgba(255,255,255,1) calc(3.5rem + 1.714285rem * 0.6));
}
.page-footer #you-deserve {
	overflow:hidden;
}
.page-footer #you-deserve .item-box .icon {
	margin-bottom:1.5rem;
	font-size:5rem;
	line-height:1em;
	text-align:center;
}
.page-footer #you-deserve .item-box .content > h4 {
	text-align:center;
}
@media (max-width:767px) {
	.page-footer #you-deserve {
		padding-bottom:1.5rem;
	}
	.page-footer #you-deserve .item-box {
		margin-bottom:1.5rem;
		display:flex;
	}
	.page-footer #you-deserve .item-box .icon {
		margin-bottom:0;
		margin-right:1rem;
		align-self:flex-start;
	}
	.page-footer #you-deserve .item-box .content {
		align-self:center;
	}
	.page-footer #you-deserve .item-box .content > h4 {
		text-align:left;
	}
}
.page-footer .sitemap-block {
	margin:0 0 3.5rem 0;
	border-top:1px solid #BDC3C3;
	color:#7A8282;
}
.page-footer .sitemap-block .logo {
	margin-bottom:1rem;
}
.page-footer .sitemap-block .logo img {
	width:100%;
	max-width:350px;
	display:block;
}
.page-footer .sitemap-block .sitemap {
	margin-top:2rem;
}
.page-footer .sitemap-block .sitemap ul {
	padding:0;
	list-style:none;
}
.page-footer .sitemap-block .sitemap a {
	color:inherit;
	text-decoration:none;
}
.page-footer .sitemap-block .sitemap a:hover {
	color:#D7063B;
}
.page-footer .sitemap-block .sitemap .nav-opener {
	display:none;
}
.page-footer .sitemap-block .sitemap > ul {
	margin:0 -15px -3rem -15px;
	font-size:1.428571rem; /* 20px */
	display:flex;
	flex-wrap:wrap;
}
.page-footer .sitemap-block .sitemap > ul > li {
	margin:0 0 2rem 0;
	padding:0 15px;
	flex-basis:0;
	flex-grow:1;
}
.page-footer .sitemap-block .sitemap > ul > li > ul {
	margin-top:0;
	padding-top:1rem;
	font-size:1rem;
}
.page-footer .sitemap-block .sitemap > ul > li > ul > li {
	margin-bottom:0.75rem;
}
@media (max-width:1199px) {
	.page-footer .sitemap-block .sitemap > ul > li {
		flex-basis:25%;
		flex-grow:0;
	}
}
@media (max-width:767px) {
	.page-footer .sitemap-block {
		margin-bottom:4rem;
	}
	.page-footer .sitemap-block .logo img {
		max-width:250px;
	}
	.page-footer .sitemap-block .sitemap > ul > li {
		flex-basis:33.333%;
	}
}
@media (max-width:575px) {
	.page-footer .sitemap-block {
		margin-bottom:0;
	}
	.page-footer .sitemap-block .logo img {
		max-width:100%;
	}
	.page-footer .sitemap-block .sitemap .nav-opener {
		margin-left:auto;
		display:block;
	}
	.page-footer .sitemap-block .sitemap .nav-opener span:before,
	.page-footer .sitemap-block .sitemap .nav-opener span:after {
		background:#7A8282;
	}
	.page-footer .sitemap-block .sitemap > ul {
		margin-bottom:0;
		display:block;
	}
	.page-footer .sitemap-block .sitemap > ul > li {
		margin-bottom:0.75rem;
		display:flex;
		flex-wrap:wrap;
	}
	.page-footer .sitemap-block .sitemap > ul > li > ul {
		display:none;
		flex-basis:100%;
	}
}
.page-footer .subscription {
	overflow:hidden;
	margin-top:-2.785714rem; /* 39px */
	margin-bottom:-2.785714rem; /* 39px */
	font-size:1.285714rem; /* 18px */
}
.page-footer .subscription .col-form-label,
.page-footer .subscription .form-control {
	height:5.571428rem; /* 78px */
	padding:0.75rem 30px;
}
.page-footer .subscription .col-form-label {
	background:#798181;
	color:#FFFFFF;
	line-height:inherit;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
.page-footer .subscription .form-control {
	border:none;
	border-radius:0;
	background:#F7F7F7;
	font-size:inherit;
	color:inherit;
	line-height:2em;
}
.page-footer .subscription .form-control:focus {
	box-shadow:none;
}
.page-footer .subscription .form-control::-webkit-input-placeholder,
.page-footer .subscription .form-control::-moz-placeholder,
.page-footer .subscription .form-control::-ms-input-placeholder {
	color:#7A8282;
}
.page-footer .subscription .btn {
	margin-right:0;
	border-radius:0;
	background:#F7F7F7;
	color:#7A8282;
	text-decoration:none;
}
.page-footer .subscription .btn:hover {
	color:inherit;
}
.page-footer .subscription .btn i.fmx {
	font-size:3rem;
}
@media (max-width:767px) {
	.page-footer .subscription {
		margin-top:-4rem;
		margin-bottom:-4rem;
		padding-left:0;
		padding-right:0;
	}
	.page-footer .subscription .col-form-label,
	.page-footer .subscription .form-control {
		height:4rem;
		padding-left:15px;
		padding-right:15px;
		text-align:left;
	}
	.page-footer .subscription .col-form-label {
		text-align:left;
		justify-content:flex-start;
	}
	.page-footer .subscription .btn {
		padding:calc(0.5rem - 1px) 15px;
	}
}
@media (max-width:575px) {
	.page-footer .subscription {
		margin-top:0;
		margin-bottom:0;
	}
}
.page-footer .legal-block {
	padding:5rem 0 6rem 0;
	background:#00000F;
	color:#7A8282;
}
.page-footer .legal-block .back-to-top {
	height:0;
	position:absolute;
	left:0;
	right:0;
	text-align:center;
}
.page-footer .legal-block .back-to-top > a {
	padding:0.75rem;
	font-size:1.285714rem; /* 18px */
	color:#FFFFFF;
	text-decoration:none;
	display:inline-block;
}
.page-footer .legal-block .back-to-top > a:before {
	content:'';
	width:2px;
	height:2.5rem;
	margin:0 auto 0.25rem auto;
	background:#FFFFFF;
	display:block;
}
.page-footer .legal-block .back-to-top > a:hover:before {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
    -webkit-animation:elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation:elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    animation:elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
}
.page-footer .legal-block .footer-links {
	position:relative;
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	justify-content:center;
}
.page-footer .legal-block .footer-links li {
	position:relative;
	margin:0;
	padding:0;
}
.page-footer .legal-block .footer-links li:not(:last-child) {
	padding-right:1px;
}
.page-footer .legal-block .footer-links li:not(:last-child):after {
	content:'';
	position:absolute;
	top:0.25rem;
	bottom:0.25rem;
	right:0;
	border-right:1px solid #7A8282;
}
.page-footer .legal-block .footer-links li a {
	margin:0 1.25rem;
	color:inherit;
	display:inline-block;
}
.page-footer .legal-block .footer-links li:first-child a {
	margin-left:0;
}
.page-footer .legal-block .footer-links li:last-child a {
	margin-right:0;
}
.page-footer .legal-block .copyright {
	position:relative;
	float:left;
}
.page-footer .legal-block .cookie-consent {
	width:100%;
	position:fixed;
	top:100%;
	left:0;
	padding:1.5rem;
	background:#00000F;
	background:rgba(0,0,15,0.9);
	font-size:1.14286rem;
	color:#FFFFFF;
	display:flex;
	align-items:center;
	z-index:9;
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	transition-property:transform;
}
.page-footer .legal-block .cookie-consent.show {
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	transform:translateY(-100%);
}
.page-footer .legal-block .cookie-consent a {
	color:inherit;
	text-decoration:underline;
}
.page-footer .legal-block .cookie-consent .content {
	margin-right:1rem;
}
.page-footer .legal-block .cookie-consent .buttons {
	margin-left:auto;
}
@media (max-width:767px) {
	.page-footer .legal-block {
		padding-bottom:2rem;
	}
	.page-footer .legal-block .back-to-top {
		height:auto;
		position:relative;
	}
	.page-footer .legal-block .footer-links,
	.page-footer .legal-block .copyright {
		float:none;
		margin-top:1rem;
		margin-bottom:1rem;
	}
	.page-footer .legal-block .copyright {
		text-align:center;
	}
}
@media (max-width:575px) {
	.page-footer .legal-block {
		padding-top:1rem;
	}
	.page-footer .legal-block .cookie-consent {
		padding:1rem;
		font-size:1rem;
	}
}
.page-footer .whatsapp-badge {
	--badge-size: 5.5rem;
	width: var(--badge-size);
	position: fixed;
	bottom: calc(7.75rem + 2px);
	right: 1rem;
	border-radius: 50%;
	z-index: 8;
}
.page-footer .whatsapp-badge > img {
	width: 100%;
}
.page-footer .whatsapp-badge .desc {
	position: absolute;
	bottom: -0.125rem;
	left: 50%;
	padding: 0.125em 0.25em;
	background-color: #FFFFFF;
	font-size: 0.75rem;
	color: #7A8282;
	white-space: nowrap;
	transform: translateX(-50%);
}
@media (min-width:576px) {
	.page-footer .whatsapp-badge {
		--badge-size: 8rem;
		right: 2rem;
	}
	.page-footer .whatsapp-badge .desc {
		font-size: 1rem;
	}
}

.reverse .page-header .hgroup .header-links {
	background:#00000F;
}

.section {
	padding-top:3.5rem;
	padding-bottom:3.5rem;
}
.section.cont {
	padding-top:0;
}
.section-header {
	margin-bottom:2rem;
	text-align:center;
}
.section-header h1 {
	text-transform:uppercase;
}
.section-header h3 {
	position:relative;
	text-transform:uppercase;
	z-index:0;
}
.section-header h3:before,
.section-header h3 > span:before {
	content:'';
	position:absolute;
	top:50%;
	left:-15px;
	right:-15px;
	border-top:1px solid #BDC3C3;
	z-index:-1;
}
.section-header h3 > span {
	position:relative;
	padding:0 10px;
	display:inline-block;
}
.section-header h3 > span:before {
	left:0;
	right:0;
	border-top-color:#FFFFFF;
}
.section-header h5 {
	color:#7A8282;
}
.section-header h1 + h5,
.section-header h2 + h5,
.section-header h3 + h5,
.section-header h4 + h5 {
	margin-top:1rem;
}

.modal .icon-set {
	display:inline-flex;
	flex-direction:column;
	align-items:center;
}
.modal .icon-set > i {
	font-size:5rem;
	line-height:1.2;
}
.modal .icon-set > .label {
	margin-top:0.5rem;
}
.modal a.icon-set {
	text-decoration:none;
}

.notification.modal .icon {
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.notification.modal .icon h4 {
	margin-top:0.5rem;
}
.notification.modal .icon i {
	font-size:5rem;
}


/* page components */
.article-grid .article-entry .card-body {
	display:flex;
	flex-direction:column;
}
.article-grid .article-entry .card-image {
	height:0;
}
.article-grid .article-entry .card-image:hover {
	-webkit-transform:none;
	-moz-transform:none;
	transform:none;
}
.article-grid .article-entry .card-meta {
	margin-bottom:0.5rem;
	padding:0;
	list-style:none;
	display:flex;
}
.article-grid .article-entry .card-meta li:not(:last-child) {
	margin-right:0.5rem;
}
.article-grid .article-entry .card-title,
.article-grid .article-entry .card-content {
	margin-top:0.5rem;
	margin-bottom:0.5rem;
}
.article-grid .article-entry .card-buttons {
	margin-top:auto;
	padding-top:0.5rem;
	text-align:right;
}
@media (max-width:767px) {
	.article-grid .article-entry .card-meta {
		display:none;
	}
}

.auth-panel {
	padding:40px 0 100px 0;
	background:#F7F7F7;
}
.auth-panel-header {
	padding:1rem;
	border-bottom:5px solid #AF1E23;
	color:#D7063B;
	text-align:center;
}
.auth-panel-body {
	padding:100px 20%;
	background:#FFFFFF;
}
.auth-panel-body .form-actions {
	flex-wrap:wrap;
}
.auth-panel-body .form-actions > .btn {
	margin-left:auto;
	margin-right:auto;
}
.auth-panel-body .form-actions > .btn + .btn,
.auth-panel-body .form-actions > .btn + .btn-group,
.auth-panel-body .form-actions > .btn-group + .btn {
	margin-top:1.5rem;
}
.auth-panel-body .form-actions > .btn-group {
	width:100%;
	justify-content:center;
}
.auth-panel-body .form-actions > .btn-group .btn {
	flex-grow:0;
}
.auth-panel-body.with-border {
	border-top:5px solid #AF1E23;
}
@media (min-width:768px) {
	.auth-panel .nav-tabs {
		font-size:1.285714rem; /* 18px */
		padding-left:20%;
		padding-right:20%;
	}
}
@media (min-width:1200px) {
	.auth-panel > .container {
		max-width:960px;
	}
}
@media (max-width:767px) {
	.auth-panel {
		padding-top:20px;
		padding-bottom:3.5rem;
		background:#F7F7F7;
	}
	.auth-panel-body {
		padding:30px 15px;
		background:#FFFFFF;
	}
	.auth-panel-body .form-group {
		margin-bottom:2rem;
	}
	.auth-panel-body .form-actions .btn:not(.btn-link) {
		padding-top:0.75rem;
		padding-bottom:0.75rem;
	}
	.auth-panel-body .form-actions .btn + .btn {
		margin-top:0;
	}
}

.jumbotron {
	margin:0;
	border-radius:0;
	background:#3E3E48;
	color:#FFFFFF;
	text-align:center;
}
.jumbotron > .container {
	max-width:800px;
}
.jumbotron .section-header {
	margin-bottom:3.5rem;
}
.jumbotron .section-body {
	padding:2rem 0;
	background:#FFFFFF;
	text-align:center;
}
.jumbotron .filter-list-wrapper {
	overflow-x:auto;
}
.jumbotron .filter-list {
	padding:1rem 2rem;
	border:none;
	list-style:none;
	display:inline-flex;
}
.jumbotron .filter-list li {
	margin:0 1rem;
}
.jumbotron .is-sticky .filter-list-wrapper {
	background:#FFFFFF;
	background:-moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background:-webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.jumbotron.with-filters {
	padding-bottom:0;
}
.jumbotron + .section {
	margin-top:0;
}
@media (min-width:768px) {
	.jumbotron {
		padding-bottom:10rem;
	}
	.jumbotron:not(.with-filters) + .section {
		margin-top:-5rem;
	}
}

.pricing-card {
	border:1px solid #9F2E2B;
}
.pricing-card .card-header {
	background:#9F2E2B;
}
.pricing-card .card-actions {
	padding:0 1.25rem 1.25rem 1.25rem;
	text-align:center;
}
.pricing-card .card-title {
	font-size:1.28571rem;
	color:#FFFFFF;;
}
.pricing-card .product-promotions {
	width:10rem;
	height:10rem;
	overflow:hidden;
	position:absolute;
	top:-1.5rem;
	right:-2rem;
	padding:2rem;
	border-radius:50%;
	background:url(../../images/promotion-badge.svg) no-repeat center / 100%;
	color:#FFFFFF;
	text-align:center;
	transform:rotate(10deg);
}
.pricing-card .product-promotions > ul {
	height:100%;
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.pricing-card .product-promotions > ul > li {
	padding-left:0;
}
.pricing-card .product-promotions > ul > li:before {
	display:none;
}

.pricing-table {
	border-spacing:2px;
	font-size:1.25rem;
	text-align:center;
}
.pricing-table th {
	min-width:180px;
	vertical-align:middle;
}
.pricing-table td {
	vertical-align:middle;
}
.pricing-table thead th {
	font-size:1.5rem;
	vertical-align:middle;
}
.pricing-table tbody ul {
	display:flex;
	flex-direction:column;
	align-items:center;
}
.pricing-table tbody li:last-child {
	margin-bottom:0;
}
.pricing-table tbody .product-promotions ul li {
	text-align:left;
}
.pricing-table tfoot .btn {
	margin-top:0.75rem;
	margin-bottom:0.75rem;
	font-size:1.5rem;
}
.box-tnc {
	max-height:250px;
	overflow:auto;
	margin-top:1rem;
	margin-bottom:1rem;
	padding:0.75rem;
	border:1px solid #BDC3C3;
}
.box-tnc li:last-child {
	margin-bottom:0;
}

.product-highlight .section-body {
	margin-bottom:-3rem;
	margin-left:calc(var(--bs-gutter) * -0.5);
	margin-right:calc(var(--bs-gutter) * -0.5);
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:center;
}
.product-highlight .product-item {
	width:calc(100% - var(--bs-gutter));
	max-width:375px;
	margin:0 auto 3rem auto;
	position:relative;
	border-top:1px solid transparent;
	color:#FFFFFF;
}
.product-highlight .product-item > .img-holder {
	height:0;
	margin:10% 0 0 0;
	padding-bottom:100%;
	background:#7A8282;
}
.product-highlight .product-info {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	padding:0 10%;
	display:flex;
	flex-direction:column;
}
.product-highlight .product-info > :not(:first-child) {
	margin:0;
}
.product-highlight .product-image {
	margin-bottom:0;
}
.product-highlight .product-image .product-link {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	font-size:1.142857rem; /* 16px */
	font-weight:500;
	color:#00000F;
	text-decoration:none;
	text-shadow:0 0 0.5rem #FFFFFF;
	text-transform:uppercase;
	display:flex;
	align-items:center;
	justify-content:center;
	transition-property:background-color, color, text-shadow;
}
.product-highlight .product-image .product-link:hover {
	background:rgba(0,0,0,0.3);
	color:#FFFFFF;
	text-shadow:0 0 1rem #000000;
}
.product-highlight .product-image .product-link:hover .btn {
	text-decoration:none;
}
.product-highlight .product-title {
	padding:1rem 0;
	text-transform:uppercase;
	flex-grow:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.product-highlight .product-title h3,
.product-highlight .product-title h5 {
	margin:0;
}
@media (min-width:768px) {
	.product-highlight .product-item {
		width:calc(50% - var(--bs-gutter));
		margin-left:calc(var(--bs-gutter) * 0.5);
		margin-right:calc(var(--bs-gutter) * 0.5);
	}
	.product-highlight .product-item:nth-child(1) > .img-holder,
	.product-highlight .product-item:nth-child(3) > .img-holder {
		margin-top:0;
		margin-bottom:10%;
	}
	.product-highlight .product-item:nth-child(1) .product-image,
	.product-highlight .product-item:nth-child(3) .product-image {
		order:2;
	}
}
@media (min-width:1600px) {
	.product-highlight .section-body {
		padding-top:1.5rem;
		padding-bottom:1.5rem;
	}
	.product-highlight .product-item {
		width:calc(25% - var(--bs-gutter));
		max-width:none;
	}
	.product-highlight .product-item:nth-child(1),
	.product-highlight .product-item:nth-child(3) {
		top:-1.5rem;
	}
}
.crosssell .product-item {
	margin-bottom:2rem;
}
.section.sale .section-footer {
	max-width:calc(1010px + 5rem);
	margin-left:auto;
	margin-right:auto;
	padding-left:1.25rem;
	padding-right:1.25rem;
}
.section.sale .owl-carousel {
	max-width:calc(1010px + 5rem);
	margin-left:auto;
	margin-right:auto;
}
.section.sale .item {
	width:calc(505px + 2.5rem);
	max-width:100%;
	position:relative;
	padding:1.25rem;
}
.section.sale .item .badge {
	width:5.5rem;
	height:5.5rem;
	position:absolute;
	top:0;
	right:0;
	font-size:1rem;
	font-style:italic;
	font-weight:bold;
	display:flex;
	flex-direction:column;
	justify-content:center;
	z-index:9;
}
.section.sale .item .badge:before {
	content:'\e90f';
	position:absolute;
	top:-0.25rem;
	left:-0.25rem;
	font-family:FotomaxIcon;
	font-size:6rem;
	font-style:normal;
	color:#FFD950;
	line-height:1.05em;
	z-index:-1;
}
.section.sale .item .badge .percentage {
	font-size:2em;
}

.tooltip-inner dt {
	width:50%;
	text-align:right;
}
.tooltip-inner dd {
	width:50%;
	text-align:left;
}


/* page specific styles */
.home .section.hero {
	margin-bottom:calc(65px - 2.5rem);
}
.home .section.hero + .main-menu {
	margin-top:-9.25rem;
	z-index:98;
}
.home .section.gift {
	position:relative;
	z-index:8;
}
.home .section.gift .section-body {
	margin-top:5rem;
}
.home .section.metime-cature > .content {
	margin-bottom:1.5rem;
}
.home .section.metime-cature .film-container {
	position:relative;
	margin:0;
	padding:0 1.5rem;
	list-style:none;
}
.home .section.metime-cature .film-container > li {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	z-index:0;
	opacity:0;
}
.home .section.metime-cature .film-container > li.active {
	position:relative;
	display:block;
	z-index:8;
	opacity:1;
}
.home .section.metime-cature .film-container > li.fadingIn {
	display:block;
	z-index:9;
	opacity:1;
}
.home .section.metime-cature .film {
	max-width:480px;
	margin:0 auto;
	color:inherit;
	text-decoration:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.home .section.metime-cature .film-nav {
	margin-top:1rem;
	margin-bottom:1rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.home .section.metime-cature .film-nav .prev,
.home .section.metime-cature .film-nav .next {
	width:3rem;
	height:3rem;
	margin-left:0.25rem;
	margin-right:0.25rem;
	font-size:1.5rem;
	color:#7A8282;
	line-height:3rem;
}
.home .section.metime-cature .film-nav .prev:hover,
.home .section.metime-cature .film-nav .next:hover {
	color:#00000F;
}
.home .section.metime-cature .film-content {
	width:100%;
	position:relative;
	margin-bottom:1rem;
	padding-bottom:100%;
	background:#F6F6F6;
}
.home .section.metime-cature .film-content-inner {
	width:100%;
	height:100%;
	position:absolute;
	padding:1.5rem;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.home .section.metime-cature .film-content-inner h2 {
	margin-bottom:0;
}
.home .section.metime-cature .film-thumbnail {
	width:calc(50% - 0.5rem);
}
.home .section.metime-cature .film-thumbnail .img-holder {
	height:0;
	padding-bottom:100%;
}
@media (min-width:576px) {
	.home .section.metime-cature .film-content {
		padding-bottom:66.667%;
	}
}
@media (min-width:992px) {
	.home .page-header .hgroup {
		-webkit-transition-property:height, background-color;
		-moz-transition-property:height, background-color;
		transition-property:height, background-color;
	}
	.home.sticky-header .page-header,
	.home.sticky-header .page-content {
		z-index:auto;
	}
	.home .page-header .hgroup {
		z-index:99 !important;
	}
	.home:not(.sticky-header) .page-header .hgroup {
		height:0;
		background-color:transparent;
	}
	.home:not(.sticky-header) .page-header .header-links {
		background:#00000F;
		color:#FFFFFF;
	}
	.home:not(.sticky-header) .mega-menu {
		display:none;
	}
	.home .section.metime-cature {
		display:flex;
		align-items:center;
	}
	.home .section.metime-cature > .content {
		width:35%;
		margin-left:5%;
		margin-right:-10%;
		z-index:8;
	}
	.home .section.metime-cature > .film-slider {
		width:100%;
		margin-right:-30%;
		z-index:7;
	}
	.home .section.metime-cature .film-container {
		padding-left:0;
		padding-right:0;
	}
	.home .section.metime-cature .film {
		max-width:none;
	}
	.home .section.metime-cature .film-content {
		width:calc(33.333% - 0.75rem);
		margin-bottom:0;
		padding-bottom:0;
		order:1;
	}
	.home .section.metime-cature .film-thumbnail {
		width:calc(33.333% - 0.75rem);
		order:0;
	}
	.home .section.metime-cature .film-thumbnail:nth-child(2) {
		order:2;
	}
}

.category .page-content aside:not(:first-child) {
	margin-top:5rem;
}
.category .page-content aside:not(:last-child) {
	margin-bottom:5rem;
}
.category .category-list {
	display:none;
}
.category .category-list li a:hover {
	color:#D7063B;
}
.category .category-list li a.opener span:before,
.category .category-list li a.opener span:after {
	background-color:#7A8282;
}
.category .category-list li.active > a {
	color:#D7063B;
}
.category .category-list > ul > li > a {
	font-size:1.142857rem; /* 16px */
}
.category .filter {
	position:relative;
	display:none;
}
.category .filter-m {
	position:relative;
	margin-bottom:3rem !important;
	margin-left:-15px;
	margin-right:-15px;
	z-index:5;
}
.category .filter-m .sticky {
	width:100%;
	position:relative;
	top:0;
	padding-left:15px;
	padding-right:15px;
	background:rgb(255,255,255);
	background:-moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%);
	background:-webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%);
	background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%);
	-webkit-transition-property:top;
	-moz-transition-property:top;
	transition-property:top;
}
.category .filter-m .filter-trigger {
	position:relative;
	padding:0.75rem 1.25rem;
	font-size:1.25rem;
	color:inherit;
	text-align:center;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:9;
}
.category .filter-m .filter-trigger.active {
	color:#D7063B;
}
.category .filter-m .filter-trigger .fmx {
	margin-right:1rem;
}
.category .filter-m .filter-trigger .nav-opener {
	margin-left:auto;
}
.category .filter-m .filter-dropdown {
	width:100%;
	max-height:calc(100vh - 4.142857rem + 1px);
	position:absolute;
	top:1.6875rem;
	left:0;
	margin-top:-1.6875rem;
	padding-top:3.375rem;
	display:none;
}
.category .filter-m .filter-dropdown:before,
.category .filter-m .filter-dropdown:after {
	content:'';
	width:100%;
	position:absolute;
	left:0;
	z-index:-1;
}
.category .filter-m .filter-dropdown:before {
	top:0;
	bottom:5rem;
	background:#FFFFFF;
}
.category .filter-m .filter-dropdown:after {
	height:5rem;
	bottom:0;
	background:rgb(255,255,255);
	background:-moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background:-webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.category .filter-m .filter-scroll-wrapper {
	width:100%;
	overflow:auto;
	padding:0 15px;
}
.category .filter-m .filter-scroller {
	padding:1rem 1.25rem;
}
.category .filter-m .filter-dropdown .form-group {
	margin-bottom:1rem;
}
.category .filter-m.stuck .sticky {
	position:fixed;
}
.category .promotion .product-title {
	display:block;
}
.category .promotion .product-title h4 {
	margin-bottom:0.25rem;
}
@media (min-width:992px) {
	.category .category-list,
	.category .filter {
		display:block;
	}
	.category .filter label {
		font-size:1.142857rem; /* 16px */
	}
	.category .filter .ajax-loading {
		width:100%;
		min-height:0;
		position:absolute;
		background-color:rgba(255,255,255,0.5);
		z-index:99;
	}
	.category .filter-m {
		display:none;
	}
}

.inspiration .slide {
	height:500px;
	display:flex;
}
.inspiration .slide .slide-content {
	width:30%;
	min-width:250px;
	padding:1.75rem 2rem;
	background:#F6F6F6;
	display:flex;
	flex-direction:column;
}
.inspiration .slide .slide-content .buttons {
	margin-top:auto;
	text-align:right;
}
.inspiration .slide .slide-banner {
	flex-grow:1;
}
.inspiration .slide .slide-banner .img-holder {
	height:100%;
}
.inspiration .owl-carousel .owl-dots {
	margin-top:1.5rem;
}
@media (min-width:768px) {
	.inspiration .slide:not(.reverse) .slide-content {
		order:1;
	}
	.inspiration .slide:not(.reverse) .slide-banner {
		order:2;
	}
}
@media (max-width:1199px) {
	.inspiration .slide {
		height:400px;
	}
}
@media (max-width:767px) {
	.inspiration .slide {
		height:auto;
		flex-direction:column;
	}
	.inspiration .slide .slide-content {
		width:100%;
		padding:1rem;
		flex-grow:1;
	}
	.inspiration .slide .slide-content h2 span {
		display:inline;
	}
	.inspiration .slide .slide-banner {
		flex-grow:0;
	}
	.inspiration .slide .slide-banner .img-holder {
		height:0;
		padding-bottom:66.667%;
	}
}
.inspiration .photography .card {
	overflow:hidden;
	border-radius:0;
}

.inspiration .slide-container .slide {
	margin-bottom:1.5rem;
}
.inspiration .slide-container .slide:last-child {
	margin-bottom:0;
}
@media (min-width:768px) {
	.inspiration .slide-container {
		padding-top:0;
	}
}

.inspiration.tpl-category-2 .film-container:before {
	content:'';
	display:table;
}
.inspiration.tpl-category-2 .film {
	position:relative;
	margin-bottom:4.25rem;
	left:calc(8.333% + 0.125rem);
	display:flex;
    justify-content:space-between;
}
.inspiration.tpl-category-2 .film > * {
	width:calc(33.333% - 1rem);
}
.inspiration.tpl-category-2 .film .film-content {
	padding:1.5rem;
	background:#FFFFFF;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.inspiration.tpl-category-2 .film .film-thumbnail .img-holder {
	padding-bottom:100%;
}
.inspiration.tpl-category-2 .film:last-child {
	margin-bottom:0;
}
.inspiration.tpl-category-2 .film.reverse {
	left:auto;
	right:calc(8.333% + 0.125rem);
	flex-direction:row-reverse;
}
@media (min-width:768px) {
	.inspiration.tpl-category-2 .film-container {
		margin-top:0;
		padding-top:0;
	}
	.inspiration.tpl-category-2 .film-container > .container {
		margin-top:-5rem;
	}
}
@media (max-width:1199px) {
	.inspiration.tpl-category-2 .film {
		width:120%;
		left:0.125rem;
	}
	.inspiration.tpl-category-2 .film.reverse {
		right:calc(20% + 0.125rem);
	}
}
@media (max-width:991px) {
	.inspiration.tpl-category-2 .film {
		width:calc(150% + 0.75rem);
		left:0;
	}
	.inspiration.tpl-category-2 .film.reverse {
		right:calc(50% + 0.75rem);
	}
}
@media (max-width:767px) {
	.inspiration.tpl-category-2 .film {
		width:100%;
		flex-wrap:wrap;
	}
	.inspiration.tpl-category-2 .film .film-content {
		width:100%;
		margin-bottom:1rem;
	}
	.inspiration.tpl-category-2 .film .film-thumbnail {
		width:calc(50% - 0.5rem);
	}
	.inspiration.tpl-category-2 .film.reverse {
		right:auto;
	}
}

.service-icon {
	margin-bottom:0.75rem;
}
.service-icon .icon {
	font-size:3.5rem;
	color:#D7063B;
}
.service-icon .icon img {
	max-width:4.2rem;
	max-height:4.2rem;
}
.service-icon .desc {
	color:#7A8282;
}

.service .store-map-wrapper {
	height:800px;
	max-height:calc(85vh - 4rem - 30px);
	position:relative;
}
.service .store-map {
	height:100%;
}
.service .store-list-container {
	width:295px;
	height:80%;
	position:absolute;
	top:10%;
	left:5%;
	border-left:3px solid #D7063B;
	background:rgba(255,255,255,0.85);
	display:flex;
	flex-direction:column;
}
.service .store-filter {
	padding:2rem 1rem;
	background:#FFFFFF;
}
.service .store-list {
	overflow:auto;
	flex-grow:1;
}
.service .store-list ul {
	padding:0.5rem 0;
	list-style:none;
}
.service .store-list li {
	margin:0 1rem;
	border-bottom:1px solid #7A8282;
}
.service .store-list li:last-child {
	border-bottom:none;
}
.service .store-list li > a {
	margin:0 -1rem;
	padding:1rem;
	color:inherit;
	text-decoration:none;
	display:block;
}
.service .store-list li h4 {
	margin-bottom:0.5rem;
}
@media (max-width:991px) {
	.service .store-list-container {
		width:280px;
		left:2.5%;
	}
}
@media (max-width:767px) {
	.service .store-map-wrapper {
		height:auto;
		max-height:none;
	}
	.service .store-map {
		height:400px;
		max-height:50vh;
	}
	.service .store-list-container {
		width:auto;
		position:relative;
		left:auto;
		border:none;
	}
	.service .store-list {
		background:#F7F7F7;
	}
	.service .store-list ul {
		padding:2rem 1rem;
	}
	.service .store-list li {
		margin:0 0 1rem 0;
		border-bottom:none;
	}
	.service .store-list li:last-child {
		margin-bottom:0;
	}
	.service .store-list li > a {
		margin:0;
		border-left:3px solid #D7063B;
		background:#FFFFFF;
	}
}

.service.news-and-promotions .article-grid .article-entry .card-image {
	padding-bottom:66.667%;
}
@media (max-width:575px) {
	.service.news-and-promotions .news-and-promotions-header .section-body {
		margin-left:-15px;
		margin-right:-15px;
	}
	.service.news-and-promotions .news-and-promotions-header .is-sticky .filter-list-wrapper {
		width:100% !important;
	}
}
@media (max-width:767px) {
	.service.news-and-promotions .news-and-promotions-header .section-body {
		margin-bottom:calc(-2.5rem - 1px);
		padding-top:0.5rem;
		padding-bottom:0.5rem;
	}
	.service.news-and-promotions .news-and-promotions-header .filter-list {
		padding-left:1rem;
		padding-right:1rem;
	}
	.service.news-and-promotions .news-and-promotions-header .filter-list li {
		margin-left:0.5rem;
		margin-right:0.5rem;
	}
	.service.news-and-promotions .news-and-promotions-body {
		padding-top:4rem;
		padding-bottom:2rem;
	}
}

.article-single article {
	margin-bottom:0;
}
.article-single article > .img-holder {
	width:100%;
	height:40rem;
	max-height:50%;
	position:absolute;
	top:0;
	background-image:url(../../images/article-single/banner.jpg);
}
.article-single article .article-header {
	padding:8rem 0 10rem 0;
	font-size:4rem;
	color:#FFFFFF;
	text-align:center;
	text-shadow:0 0 4px rgba(0,0,0,0.6);
}
.article-single article .article-header > h1 {
	font-size:inherit;
}
.article-single article .article-body {
	margin-top:3rem;
	padding:8rem;
	background:#FFFFFF;
	background:rgba(255,255,255,0.95);
	font-size:1.142857rem;
}
.article-single article .article-body > :first-child {
	margin-top:0;
}
.article-single article .article-body > :last-child {
	margin-bottom:0;
}
.article-single article .article-header + .article-body {
	margin-top:0;
}
.article-single article .article-meta {
	padding:0;
	list-style:none;
	display:flex;
}
.article-single article .article-meta li:not(:last-child) {
	margin-right:0.5rem;
}
.article-single article .article-content img {
	width:820px;
}
.article-single article .article-content .img-set {
	width:820px;
	max-width:100%;
	margin:0 auto 1em auto;
	display:flex;
}
.article-single article .article-content .img-set img {
	width:auto;
}
.article-single article .article-content .img-set > img:not(:last-child) {
	margin-right:1em;
}
.article-single article .article-author {
	width:80%;
	max-width:620px;
	margin:3rem auto;
	font-size:1rem;
	display:flex;
}
.article-single article .article-author-avatar {
	width:80px;
	margin-right:1.5rem;
	align-self: flex-start;
}
.article-single article .article-author-avatar .img-holder {
	width:100%;
	height: 0;
	padding-bottom:100%;
	border-radius:50%;
}
.article-single article .article-author-desc {
	align-self:center;
	flex-basis:0;
	flex-grow:1;
}
.article-single article .article-author.vertical {
	max-width:450px;
	text-align:center;
	flex-direction:column;
}
.article-single article .article-author.vertical .article-author-avatar {
	width:100px;
	margin-bottom:1em;
	margin-right:0;
}
.article-single article .article-author.vertical .article-author-biography {
	color:#7A8282;
}
.article-single article .article-social {
	margin-top:3rem;
	text-align:center;
}
.article-single article .article-social > a {
	width:40px;
	height:40px;
	margin:0 0.5rem;
	border-radius:50%;
	background:#7A8282;
	font-size:1.25rem;
	color:#FFFFFF;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
.article-single article .article-social > a > i {
	position:relative;
	top:2px;
}
.article-single .nav-articles li {
	height:25rem;
	position:relative;
	margin:0;
	flex-basis:50%;
}
.article-single .nav-articles li .img-holder {
	width:100%;
	height:100%;
	position:absolute;
	background-image:url(../../images/article-single/banner.jpg);
}
.article-single .nav-articles li > a {
	width:100%;
	height:100%;
	position:relative;
	padding:2rem 0;
	background:rgba(0,0,14,0.7);
	font-size:1.25rem;
	color:#FFFFFF;
	text-decoration:none;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.article-single .nav-articles li > a:before {
	content:'';
	width:30px;
	height:30px;
	position:absolute;
	top:calc(50% - 15px);
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#FFFFFF;
	-webkit-transform-origin:center;
	-moz-transform-origin:center;
	transform-origin:center;
}
.article-single .nav-articles li > a > * {
	width:100%;
	max-width:600px;
	padding:0 65px;
}
.article-single .nav-articles li.prev > a:before {
	left:2rem;
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	transform:rotate(-135deg);
}
.article-single .nav-articles li.next > a:before {
	right:2rem;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
@media (max-width:991px) {
	.article-single article > .img-holder {
		height:25rem;
	}
	.article-single article .article-header {
		padding-top:3rem;
		padding-bottom:5rem;
		font-size:3rem;
	}
	.article-single article .article-body {
		padding:4rem;
	}
}
@media (max-width:767px) {
	.article-single article .article-body {
		padding:2rem;
	}
	.article-single article .article-content .img-set {
		flex-direction:column;
	}
	.article-single article .article-content .img-set > img:not(:last-child) {
		margin-bottom:1em;
		margin-right:0;
	}
	.article-single article .article-author {
		width:100%;
	}
	.article-single article .article-social {
		margin-top:1.5rem;
	}
	.article-single .nav-articles li {
		height:auto;
	}
	.article-single .nav-articles li > a {
		justify-content:flex-start;
	}
	.article-single .nav-articles li > a:before {
		position:relative;
		top:auto;
		margin-top:0.4rem;
		margin-bottom:1.4rem;
	}
	.article-single .nav-articles li > a > span {
		padding-left:15px;
		padding-right:15px;
	}
	.article-single .nav-articles li.prev > a:before {
		left:21px;
		align-self:flex-start;
	}
	.article-single .nav-articles li.next > a {
		text-align:right;
	}
	.article-single .nav-articles li.next > a:before {
		right:21px;
		align-self:flex-end;
	}
}
@media (max-width:575px) {
	.article-single article > .img-holder {
		height:275px;
	}
	.article-single article .article-header {
		padding-top:2rem;
		padding-bottom:4rem;
	}
	.article-single article .article-author {
		flex-direction:column;
	}
	.article-single article .article-author-avatar {
		margin-bottom:1rem;
		padding-right:0;
	}
	.article-single .nav-articles li > a {
		font-size:1rem;
	}
}

.search form[name=inpageSearch] {
	max-width:750px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.25rem;
}
.search .search-input {
	margin-bottom:0;
	align-items:center;
}
.search .search-input .input-group {
	flex-wrap:nowrap;
}
.search .search-input .input-group-text {
	padding-left:1rem;
	padding-right:1rem;
	font-size:inherit;
}
.search .search-input .input-group-prepend {
	background:#FFFFFF;
}
.search .search-input .input-group-prepend .input-group-text:first-child {
	padding-left:0;
}
.search .search-input .input-group-append .input-group-text:last-child {
	padding-right:0;
}
.search .search-input .form-control {
	width:100%;
	background:#FFFFFF;
	font-size:inherit;
}
.search .search-input search-suggestion .bootstrap-autocomplete {
	font-size:inherit;
}
.search .search-input .btn {
	padding-left:0.75rem;
	padding-right:0.75rem;
	border-radius:0;
	border-top-color:transparent !important;
	border-left-color:transparent !important;
	border-right-color:transparent !important;
	font-size:inherit;
}
.search .search-input .form-control:focus + .input-group-append .btn {
	border-bottom-color:#D7063B;
}
@media (min-width:767px) {
	.search form[name=inpageSearch] {
		font-size:1.5rem;
	}
}

.account-menu {
	width:13.5rem;
	font-size:1.285714rem;
}
.account-menu ul {
	padding:0;
	list-style:none;
}
.account-menu ul li {
	width:100%;
	margin:0;
	padding:1rem 2rem;
	display:flex;
	align-items:center;
}
.account-menu ul li a {
	color:inherit;
	text-decoration:none;
}
.account-menu ul li:not(.active) a:hover {
	color:#7A8282;
}
.account-menu ul li.active {
	height:13.5rem;
	background:#D7063B;
	color:#FFFFFF;
}
.account-menu ul li.active:not(:first-child) {
	margin-top:1rem;
}
.account-menu ul li.active:not(:last-child) {
	margin-bottom:1rem;
}
.account-menu ul li.active > a,
.account-menu ul li.active > a:hover {
	opacity:1;
	cursor:default;
}
.account-menu .fmx {
	display:none;
}
.account-menu .sticky-wrapper:not(.is-sticky) ul {
	position:relative !important;
	top:auto !important;
}
@media (min-width:1200px) {
	.account .page-content .container {
		max-width:960px;
	}
}
@media (max-width:991px) {
	.account-menu {
		width:10rem;
		font-size:1.142857rem;
	}
	.account-menu ul li {
		padding-left:1rem;
		padding-right:1rem;
	}
	.account-menu ul li.active {
		height:10rem;
	}
}
@media (max-width:767px) {
	.account-menu {
		width:auto;
		position:relative;
		margin:-3.5rem calc(var(--bs-gutter) * -0.5) 2.5rem calc(var(--bs-gutter) * -0.5);
		font-size:0.9rem;
		z-index:8;
	}
	.account-menu ul {
		width:100%;
		overflow-x:auto;
		background:#FFFFFF;
		display:flex;
		flex-wrap:nowrap;
		-webkit-transition-property:margin-top;
		-webkit-transition-duration:0.5s;
		-moz-transition-property:margin-top;
		-moz-transition-duration:0.5s;
		transition-property:margin-top;
		transition-duration:0.5s;
	}
	.account-menu ul > li {
		padding:0;
		z-index:9;
		align-items:normal;
		flex-basis:0;
		flex-grow:1;
	}
	.account-menu ul > li > a {
		width:100%;
		min-width:calc(4em + 0.75rem);
		padding:0.5rem 0.375rem;
		text-align:center;
		display:flex;
		flex-direction:column;
	}
	.account-menu ul > li.active {
		height:auto;
		margin-top:0 !important;
		margin-bottom:0 !important;
		color:#FFFFFF;
	}
	.account-menu ul > li > a > .fmx {
		width:1em;
		margin:0 auto;
		font-size:2.75em;
		display:block;
	}
	.account-menu ul > li > a > span {
		margin-top:auto;
		margin-bottom:auto;
	}
	.account-menu ul.hide {
		margin-top:-100px;
	}
	.account-menu:not(.no-sticky) ul:before {
		content:'';
		height:100%;
		position:absolute;
		left:-100%;
		background:#FFFFFF;
		-webkit-box-shadow:0 0 10px 0 rgba(0,0,15,0.3);
		-moz-box-shadow:0 0 10px 0 rgba(0,0,15,0.3);
		box-shadow:0 0 10px 0 rgba(0,0,15,0.3);
		opacity:0;
	}
	.account-menu .is-sticky ul:before {
		opacity:1;
	}
}

.account.index .account-menu {
	width:60%;
	font-size:1.28571rem;
	order:2;
}
.account.index .account-menu ul {
	display:block;
}
.account.index .account-menu ul li {
	width:auto;
	padding:0;
	border-bottom:1px solid #00000F;
	display:block;
}
.account.index .account-menu ul li a {
	padding:0.75rem 1rem;
	display:flex;
	align-items:center;
}
.account.index .account-menu .fmx {
	width:1em;
	margin-right:2.5rem;
	font-size:54px;
	text-align:center;
	display:block;
}
.account.index .profile-summary {
	width:30%;
	font-size:1.142857rem; /* 16px */
	order:1;
}
.account.index .profile-summary ul {
	padding:0;
	list-style:none;
}
.account.index .profile-summary ul li {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.account.index .profile-summary ul li:last-child {
	margin-bottom:0;
}
.account.index .profile-summary dl dt {
	width:50%;
	font-weight:normal;
}
.account.index .profile-summary dl dd {
	width:50%;
	text-align:right;
}
@media (max-width:767px) {
	.account.index .account-menu {
		width:auto;
		margin-top:0;
		margin-left:auto;
		margin-right:auto;
	}
	.account.index .account-menu ul li a {
		padding-top:0.5rem;
		padding-bottom:0.5rem;
		flex-direction:row;
	}
	.account.index .account-menu .fmx {
		font-size:42px;
		margin-left:0;
		margin-right:1rem;
	}
	.account.index .profile-summary {
		width:auto;
		font-size:1rem;
	}
}

.account .greeting {
	margin-bottom:3rem;
	border-bottom:0.214285rem solid #00000F;
	display:flex;
}
.account .greeting h1 {
	margin:0;
	padding-bottom:3rem;
}
.account .greeting .membership {
	margin-left:auto;
	padding-bottom:3rem;
	text-align:center;
}
.account .greeting .membership img {
	width:5.7rem;
	display:block;
}
@media (max-width:767px) {
	.account .greeting {
		display:block;
	}
	.account .greeting h1 {
		border-bottom:0.214285rem solid #00000F;
		font-size:2.25rem;
	}
	.account .greeting .membership {
		max-width:250px;
		margin-left:auto;
		margin-right:auto;
		padding-top:3rem;
		font-size:1.28571rem;
	}
	.account .greeting .membership img {
		width:auto;
		max-width:100%;
	}
}

.account .contact-info {
	margin-bottom:2rem;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.account .contact-info > *:not(:last-child) {
	margin-bottom:0.25rem;
}
.account .contact-info-icon {
	font-size:2.5rem;
}
.account .contact-info-title {
	overflow:hidden;
	font-size:1.25rem;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.account .contact-info-buttons {
	margin-top:1.25rem;
	display:flex;
}
.account .contact-info-buttons > .col {
	width:auto;
	display:flex;
	flex-direction:column;
}
.account .contact-info-buttons .btn {
	width:100%;
}
.account .contact-info-buttons .btn + .btn {
	margin-top:0.5rem;
}

.account .bonus-point-summary {
	margin-bottom:1.5rem;
	display:flex;
}
.account .bonus-point-balance {
	min-width:35%;
	padding-right:1.5rem;
	font-size:1.428571rem;
	font-weight:bold;
	color:#D7063B;
}
.account .bonus-point-balance .point {
	font-size:5rem;
	line-height:1;
}
.account .bonus-point-expiry {
	padding-left:1.5rem;
	border-left:1px solid #7A8282;
	color:#7A8282;
}
.account .bonus-point-expiry ul {
	padding:0;
	list-style:none;
}
.account .bonus-point-expiry ul li {
	margin-bottom:0;
}
.account .bonus-point-expiry .date {
	width:6.5rem;
	padding:0 0.5rem 0 0;
	display:inline-block;
}
@media (max-width:575px) {
	.account .bonus-point-summary {
		display:block;
	}
	.account .bonus-point-balance {
		margin-bottom:1rem;
		padding-right:0;
	}
	.account .bonus-point-expiry {
		padding-left:2rem;
	}
}

.account.project h3 .storage-summary {
	margin-left:1.5rem;
	font-size:0.75em;
	color:#D7063B;
}
@media (max-width:575px) {
	.account.project h3 .storage-summary {
		margin-top:0.75rem;
		margin-left:0;
		display:block;
	}
}

.account.order-history .order-history-list {
	padding:0;
	list-style:none;
}
.account.order-history .order-history-list li {
	margin:0;
	flex-wrap:wrap;
}
.account.order-history .info-box .info {
	display:flex;
	align-items:center;
}
.account.order-history .info-box .info > * {
	width:120px;
	margin:0;
}
.account.order-history .info-box .info h4 {
	width:140px;
	order:2;
}
.account.order-history .info-box .info .date {
	order:1;
}
.account.order-history .info-box .info .status {
	order:3;
}
.account.order-history .info-box .btn-detail {
	color:#00000F;
}
.account.order-history .info-box .btn-detail:after {
	content:'\e911';
	width:1rem;
	margin-left:0.25rem;
	font-family:FotomaxIcon;
	display:inline-block;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	transition-property:transform;
}
.account.order-history .info-box.active .btn-detail:after {
	transform:rotate(90deg);
}
.account.order-history .order-detail {
	margin-top:-0.5rem;
	padding:2rem;
	color:#7A8282;
}
.account.order-history .order-detail ul.order-meta {
	margin-bottom:3rem;
	padding:0;
	list-style:none;
}
.account.order-history .order-detail dl.order-amount-breakdown {
	justify-content:space-between;
}
.account.order-history .order-detail dl.order-amount-breakdown dt {
	width:50%;
	font-weight:normal;
}
.account.order-history .order-detail dl.order-amount-breakdown dd {
	width:50%;
	text-align:right;
}
.account.order-history .order-detail dl.order-amount-breakdown .sum {
	padding-top:0.5rem;
	font-size:1.3rem;
	color:#00000F;
}
.account.order-history .cart-table .col-product-info {
	width:100%;
	padding-right:0;
}
.account.order-history .cart-table .col-qty,
.account.order-history .cart-table .col-subtotal {
	width:50%;
	padding-left:0;
	padding-right:0;
}
.account.order-history .cart-header {
	background:#7A8282;
}
.account.order-history .cart-body > li {
	border-bottom-color:#7A8282;
}
.account.order-history .cart-table .cart-body > li > * + * {
	margin-top:1rem;
}
.account.order-history .cart-body .product-image .img-holder:hover {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}
@media (max-width:991px) {
	.account.order-history .info-box {
		display:flex;
		align-items:center;
	}
	.account.order-history .info-box > :not(:first-child) {
		margin-top:0;
		margin-left:1rem;
	}
	.account.order-history .info-box > :not(:last-child) {
		margin-bottom:0;
		margin-right:1rem;
	}
	.account.order-history .info-box .info {
		flex-direction:column;
		align-items:flex-start;
	}
	.account.order-history .info-box .info > * {
		width:auto !important;
	}
	.account.order-history .info-box .btn-detail {
		margin-top:0;
	}
	.account.order-history .order-detail {
		padding:1rem 1.5rem;
	}
	.account.order-history .order-detail ul.order-meta {
		margin-bottom:1.5rem;
	}
}

.account.favourite .toolbar {
	margin:0 0 3rem 50%;
}
.account.favourite .product-image .tools {
	position:absolute;
	bottom:0.25rem;
	right:0.25rem;
}
.account.favourite .product-image .tools .btn {
	width:calc(1.25rem * 1.3125 + 0.75rem + 2px);
	padding:0.375rem;
	border-radius:0.25rem;
	background:#BDC3C3;
	background:rgba(189,195,195,0.75);
	color:#FFFFFF;
	font-size:1.25rem;
}
.account.favourite .product-image .tools .btn:hover {
	background:#D7063B;
}
.account.favourite .product-image + .product-info {
	margin-top:1rem;
}
.account.favourite .product-info > :not(:first-child) {
	margin-top:0.5rem;
}
.account.favourite .product-info > :not(:last-child) {
	margin-bottom:0.5rem;
}
@media (max-width:767px) {
	.account.favourite .toolbar {
		margin-bottom:1.5rem;
		margin-left:0;
	}
}

.cart .cart-table {	
}
.cart .cart-table thead {
	background:#000000;
}
.cart .cart-table thead {
	background:#000000;
}
.cart .cart-action {
	margin-top:3rem;
	display:flex;
	justify-content:space-between;
}
.cart .cart-action .btn {
	width:20rem;
}
@media (max-width:991px) {
	.cart .cart-action .btn {
		width:15rem;
	}
}
@media (max-width:767px) {
	.cart .cart-action .btn {
		width:100%;
		margin-top:1rem;
	}
}

.checkout .page-content .nav-breadcrumb {
	background:#3E3E48;
	color:#FFFFFF;
}
.checkout .page-content .nav-breadcrumb .breadcrumb-item.disabled {
	color:#7A8282;
}
.checkout .checkout-options .card {
	margin-bottom:0.5rem;
}
.checkout .checkout-options .card-header {
	padding:0;
	border-bottom:0;
}
.checkout .checkout-options .card-header label {
	margin:0;
	padding:2rem 1.5rem;
	display:block;
}
.checkout .checkout-options .card-header label span {
	margin-left:0.5rem;
	display:block;
}
.checkout .checkout-options .card-body {
	padding:3rem 3rem 0 3rem;
}
.checkout .checkout-option-title {
	font-size:1.25rem;
	line-height:1.257143;
}
.checkout .checkout-option-remark {
	color:#7A8282;
}
.checkout .checkout-option-title + .checkout-option-remark {
	margin-top:0.25rem
}
.checkout .cart-coupon > ul {
	padding:0;
	list-style:none;
	display:flex;
}
.checkout .cart-coupon > ul li {
	margin-right:0.5rem;
	list-style:none;
}
.checkout .payment-type-options.form-check-buttons {
	margin-bottom:-0.75rem;
	flex-wrap:wrap;
}
.checkout .payment-type-options.form-check-buttons .iradio_square {
	position:absolute;
	visibility:hidden;
}
.checkout .payment-type-options img {
	width:100%;
	height:100%;
	opacity:0.7;
	filter:grayscale(100%);
	-webkit-transition-property:opacity, filter;
	-moz-transition-property:opacity, filter;
	transition-property:opacity, filter;
}
.checkout .payment-type-options .btn {
	width:calc(4.33rem + 4px);
	height:calc(2.75rem + 4px);
	position:relative;
	margin-bottom:0.75rem;
	padding:2px;
	border-color:#00000F;
	flex-grow:0;
}
.checkout .payment-type-options .btn:not(:last-child) {
	margin-right:0.75rem;
}
.checkout .payment-type-options .btn:before {
	content:'';
	position:absolute;
	top:-1px;
	bottom:-1px;
	left:-1px;
	right:-1px;
	border:2px solid transparent;
}
.checkout .payment-type-options .btn + .btn {
	margin-left:0;
}
.checkout .payment-type-options .btn:not(span):hover:before,
.checkout .payment-type-options .btn:not(span).active:before {
	border-color:#D7063B;
}
.checkout .payment-type-options .btn:hover img,
.checkout .payment-type-options .btn.active img,
.checkout .payment-type-options span.btn img {
	opacity:1;
	filter:grayscale(0%);
}
.checkout .payment-type-options span.btn {
	cursor:default;
}
.checkout .cart-table:not(:last-child) {
	margin-bottom:1.75rem;
}
.checkout .cart-table .cart-header {
	background:#7A8282;
}
.checkout .cart-table .cart-body > li {
	border-bottom-color:#BDC3C3;
}
.checkout .cart-table .cart-body > li:last-child {
	border-bottom:none;
}
.checkout .cart-table .cart-body .dispatch-date {
	padding:1rem 1.25rem;
	border-bottom:none;
	background:#F7F7F7;
}
.checkout .cart-table .col-product-info {
	width:100%;
	padding-right:0;
}
.checkout .cart-table .col-qty,
.checkout .cart-table .col-subtotal {
	width:50%;
	padding-left:0;
	padding-right:0;
}
.checkout .cart-table .cart-body > li > * + * {
	margin-top:1rem;
}
@media (max-width:767px) {
	.checkout .checkout-options .card-header label {
		padding-top:1rem;
		padding-bottom:1rem;
	}
	.checkout .checkout-options .card-body {
		padding-top:1.5rem;
		padding-left:1rem;
		padding-right:1rem;
	}
}

.checkout.result .message {
	margin-bottom:3rem;
	text-align:center;
}
.checkout.result .message:before {
	margin:0 auto 1rem auto;
	font-family:FotomaxIcon;
	font-size:8rem;
	line-height:1;
	display:block;
}
.checkout.result .message.thank-you:before {
	content:'\e91e';
}
.checkout.result .message.payment-failed:before {
	content:'\e91f';
}
.checkout.result .box {
	border-top:2px solid #00000F;
}
.checkout.result .box .summary {
	max-width:750px;
	margin:0 auto;
	padding:1.5rem 0;
}
@media (min-width:576px) {
	.checkout.result .cart-table .product-image {
		width:120px;
	}
}
@media (max-width:767px) {
	.checkout.result .h1 {
		font-size:1.75rem;
	}
	.checkout.result .h3 {
		font-size:1.25rem;
	}
	.checkout.result .box .summary {
		padding-top:0;
		padding-bottom:0;
	}
	.checkout.result .cart-action {
		margin-top:1.5rem;
	}
}
@media (max-width:575px) {
	.checkout.result .cart-table .cart-body > li {
		padding-left:0;
		padding-right:0;
	}
}

.error-404 .message {
	text-align:center;
}
.error-404 .message .h1 {
	font-size:10rem;
}
.error-404 .message .h1 .fmx {
	margin-left:0.1em;
	margin-right:0.1em;
}
.error-500 .message {
	margin-bottom:3rem;
	text-align:center;
}
.error-500 .message:before {
	margin:0 auto 1rem auto;
	font-family:FotomaxIcon;
	font-size:8rem;
	line-height:1;
	display:block;
}
.error-500 .message:before {
	content:'\e91f';
}
@media (max-width:575px) {
	.error-404 .message .h1 {
		font-size:7.5rem;
	}
}

.maintenance .message:before {
	content:'';
	width:12rem;
	height:12rem;
	margin:0 auto 1rem auto;
	background:url(../../images/maintenance.svg) no-repeat center / 100%;
	display:block;
}
.maintenance .page-header .hgroup {
	position:relative;
}
.maintenance .page-header .hgroup .logo {
	position:relative;
	top:auto;
	left:auto;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}
.maintenance .page-footer .legal-block {
	padding-top:0;
	padding-bottom:3rem;
	background:none;
}
.maintenance .page-footer .legal-block .copyright {
	float:none;
	text-align:center;
}
@media (max-width:991px) {
	.maintenance .page-wrapper {
		padding-top:0;
	}
	.maintenance .page-header {
		position:relative;
		border-bottom:none;
	}
	.maintenance .page-header .hgroup:before {
		display:none;
	}
}
