html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

*,
:after,
:before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}


.cookie-wrapper {
	padding: 32px;
}

.cookie-container {
	position: fixed;
	bottom: 100%;
	left: 0;
	right: 0;
	background: #2f3640;
	color: #f5f6fa;
	padding: 0 32px;
	box-shadow: 0 -2px 15px rgba(47,54,64,0.15);

	transition: 400ms;
}

.cookie-container.active {
	bottom: 0;
	z-index: 99999;

}

.cookie-container a {
	color: #f5f6fa;
}

.cookie-btn {
	background: #32CD32;
	border: 0;
	color: #f5f6fa;
	padding: 8px 32px;
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 16px;
	border-radius: 8px;
	cursor: pointer;
	font-family: Kanit, sans-serif;
}

.cookie-dec-btn {
	background: #e84118;
	border: 0;
	color: #f5f6fa;
	padding: 8px 32px;
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 16px;
	border-radius: 8px;
	cursor: pointer;
	font-family: Kanit, sans-serif;
}



.s-cms-content,
.s-cms-content h1,
.s-cms-content h2,
.s-cms-content h3,
.s-cms-content h4,
.s-cms-content h5,
.s-cms-content h6 {
	color: #706b7a
}

.s-cms-content p {
	margin-bottom: 1rem;
	color: #706b7a
}

.s-cms-content ul {
	margin: 1rem 0;
	padding-left: 1.25rem
}

.s-cms-content li {
	display: list-item;
	list-style: disc
}

.s-cms-content a {
	color: #ee6b2d
}

.wpcf7-form .c-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto
}

.wpcf7-form p {
	margin-bottom: 1rem
}

.wpcf7-form p:last-of-type {
	position: relative;
	margin-bottom: 0
}

.wpcf7-form p:last-of-type .ajax-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.wpcf7-form .c-field br {
	display: none
}

.wpcf7-form .c-field select {
	width: 100%;
	min-height: auto;
	padding: .438rem .75rem;
	font-size: 1rem
}

.wpcf7-form .c-field__group label {
	display: inline
}

.wpcf7-not-valid {
	border-color: #fd5c5e
}

span.wpcf7-not-valid-tip {
	margin-top: .5rem;
	font-size: .875rem;
	color: #fd5c5e
}

div.wpcf7-response-output {
	margin: 1.5rem 0 0;
	padding: 1rem;
	border-radius: .375rem;
	font-size: 1rem;
	color: grey
}

div.wpcf7-response-output.wpcf7-mail-sent-ng,
div.wpcf7-response-output.wpcf7-validation-errors {
	background-color: #fd5c5e;
	border-color: #fd5c5e
}

div.wpcf7-response-output.wpcf7-mail-sent-ok {
	background-color: #8bbf49;
	border-color: #8bbf49
}

.jquery-modal {
	padding: 2rem 0;
	background-color: rgba(36, 14, 76, .9);
	z-index: 999
}

.jquery-modal .modal {
	max-width: 46rem;
	padding: 2.5rem 1rem
}

@media (min-width:768px) {
	.jquery-modal .modal {
		padding: 2.5rem 2rem
	}
}

.jquery-modal .c-btn-close {
	position: absolute;
	top: 1rem;
	right: 16px
}

@media (min-width:768px) {
	.jquery-modal .c-btn-close {
		top: 24px;
		right: 1.5rem
	}
}

.jquery-modal .modal#js-product-installments,
.jquery-modal .modal#js-product-specification {
	max-width: 1000px;
	padding: 0
}

html {
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
html,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style: none
}

img {
	max-width: 100%;
	height: auto
}

.slider {
	display: none
}

.slider.slick-initialized {
	display: block
}

.slick-track {
	margin-left: 0;
	margin-right: 0
}

.js-single-product-gallery {
	border-radius: .375rem;
	overflow: hidden
}

.js-single-product-gallery footer {
	padding: .5rem 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.js-single-product-gallery .next-arrow,
.js-single-product-gallery .prev-arrow {
	width: 2.5rem;
	height: 2.5rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border: .125rem solid #ee6b2d;
	border-radius: 3.125rem;
	font-size: 0;
	color: transparent;
	cursor: pointer;
	z-index: 99
}

.js-single-product-gallery .next-arrow.slick-disabled,
.js-single-product-gallery .prev-arrow.slick-disabled {
	border-color: #e6e5e8;
	cursor: default
}

.js-single-product-gallery .prev-arrow {
	margin-right: .5rem;
	background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.654 15.5c.274 0 .495-.11.664-.332a.827.827 0 00.176-.625.805.805 0 00-.313-.566L2.741 7.98l7.401-5.957a.805.805 0 00.313-.566.827.827 0 00-.176-.625.805.805 0 00-.566-.312.827.827 0 00-.625.175L.846 7.316a.797.797 0 00-.332.664c0 .274.11.495.332.665l8.261 6.66a.88.88 0 00.547.195z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat .75rem/auto
}

.js-single-product-gallery .prev-arrow.slick-disabled {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.64 15.5a.88.88 0 01-.546-.195L.832 8.645A.797.797 0 01.5 7.98c0-.273.11-.494.332-.664L9.074.696A.827.827 0 019.7.52c.235.026.423.13.567.312.143.182.201.39.175.625a.805.805 0 01-.312.566L2.727 7.98l7.441 5.997a.805.805 0 01.312.566.827.827 0 01-.175.625.797.797 0 01-.664.332z' fill='%23B7B5BC' fill-rule='nonzero'/%3E%3C/svg%3E")
}

.js-single-product-gallery .next-arrow {
	margin-left: .4rem;
	background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.36 15.5a.88.88 0 00.546-.195l8.262-6.66a.797.797 0 00.332-.665.797.797 0 00-.332-.664L1.926.696A.827.827 0 001.3.52a.805.805 0 00-.567.312.827.827 0 00-.175.625c.026.234.13.423.312.566L8.273 7.98.832 13.977a.805.805 0 00-.312.566.827.827 0 00.175.625c.17.221.39.332.664.332z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat .875rem/auto
}

.js-single-product-gallery .next-arrow.slick-disabled {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.346 15.5a.797.797 0 01-.664-.332.827.827 0 01-.176-.625.805.805 0 01.313-.566l7.44-5.997L.859 2.023a.805.805 0 01-.313-.566.827.827 0 01.176-.625.805.805 0 01.566-.312.827.827 0 01.625.175l8.242 6.621c.222.17.332.391.332.664 0 .274-.11.495-.332.665l-8.261 6.66a.88.88 0 01-.547.195z' fill='%23B7B5BC' fill-rule='nonzero'/%3E%3C/svg%3E")
}

body {
	font-family: Kanit, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
	color: #706b7a
}

form [type=email],
form [type=number],
form [type=password],
form [type=tel],
form [type=text],
form textarea {
	width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	color: #110821
}

h1 {
	font-size: 3.75rem;
	line-height: 3.75rem
}

h2 {
	font-size: 3rem;
	line-height: 3.5rem
}

h3 {
	font-size: 2.5rem;
	line-height: 3rem
}

h4 {
	font-size: 2rem;
	line-height: 2.375rem
}

h5 {
	font-size: 1.5rem;
	line-height: 1.75rem
}

h6 {
	font-size: 1.25rem;
	line-height: 1.5rem
}

hr {
	height: 1px;
	margin: 1rem 0;
	background-color: #d8d8d8;
	border: 0
}

@media (min-width:768px) {
	hr {
		margin: 2.5rem 0
	}
}

input,
textarea {
	padding: .375rem .5rem;
	border-radius: .375rem;
	border: 1px solid #e6e5e8;
	font-size: 1rem;
	font-family: Kanit, sans-serif;
	font-weight: 400;
	color: #706b7a;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #b7b5bc
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #b7b5bc
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #b7b5bc
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #b7b5bc
}

input::placeholder,
textarea::placeholder {
	color: #b7b5bc
}

input:focus,
textarea:focus {
	outline: none;
	border-color: #7a57ba;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2)
}

input {
	min-height: 2.5rem
}

input[type=email],
input[type=number],
input[type=password],
input[type=submit],
input[type=text],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

textarea {
	height: none !important;
	min-height: 5rem;
	resize: vertical
}

select {
	padding: .5rem 1rem;
	min-height: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: .375rem;
	border: 1px solid #e6e5e8;
	font-size: 1.125rem;
	font-family: Kanit, sans-serif;
	font-weight: 400;
	color: #706b7a;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23472487' d='M.742 1.078a.38.38 0 01-.068-.44.384.384 0 01.38-.243h7.891c.183 0 .31.08.381.244a.38.38 0 01-.068.44L5.303 5.853A.398.398 0 014.99 6a.398.398 0 01-.312-.146L.742 1.078z'/%3E%3C/svg%3E") no-repeat calc(100% - 1rem) 50%/auto
}

label {
	margin-bottom: .25rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	color: #110821
}

label span {
	color: #ee6b2d
}

strong {
	font-weight: 500
}

small {
	font-size: 1rem
}

address {
	font-style: normal
}

.o-accordion-item article {
	display: none
}

.o-accordion-item.js-active article {
	display: block
}

.o-accordion-item.js-active header {
	margin-bottom: 2rem
}

@media (min-width:768px) {
	.o-accordion-item.js-active header {
		margin-bottom: 2.5rem
	}
}

.o-accordion-item.js-active header:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.o-accordion-item {
	padding: 1rem 0;
	border-bottom: 1px solid #b7b5bc
}

@media (min-width:768px) {
	.o-accordion-item {
		padding: 2.5rem 0
	}
}

.o-accordion-item header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer
}

.o-accordion-item header:after {
	position: relative;
	top: 2px;
	width: 1.5rem;
	height: 1.5rem;
	margin-left: auto;
	background: url(img/icon/down-orange-circle.svg) no-repeat 50%/contain;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	content: ""
}

@media (min-width:768px) {
	.o-accordion-item header:after {
		width: 2.5rem;
		height: 2.5rem
	}
}

.o-accordion-item header h2 {
	font-size: 1.125rem;
	line-height: 1.5
}

@media (min-width:768px) {
	.o-accordion-item header h2 {
		font-size: 2rem
	}
}

.o-bg-dark {
	background: #472487 url(img/bg-dark.jpg) no-repeat 50%/cover;
	color: #fff
}

.o-box {
	padding: 2.5rem;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .14);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .14);
	border-radius: .375rem
}

.o-brand-grid {
	margin: 0 -.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (min-width:768px) and (max-width:1023px) {
	.o-brand-grid {
		margin: 0 -1rem
	}
}

@media (min-width:1024px) {
	.o-brand-grid {
		margin: 0 -1rem
	}
}

.o-brand-grid .c-brand {
	width: 50%;
	padding: .5rem
}

@media (min-width:768px) and (max-width:1023px) {
	.o-brand-grid .c-brand {
		width: 25%;
		padding: 1rem
	}
}

@media (min-width:1024px) {
	.o-brand-grid .c-brand {
		width: 16.66%;
		padding: 1rem
	}

	.o-brand-grid .c-brand:hover a {
		background: #fff;
		-webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .14), 0 2px 8px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 0 11px 0 rgba(0, 0, 0, .14), 0 2px 8px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .2);
		border-radius: 6px
	}
}

.o-brand-grid .c-brand a {
	margin-bottom: 1rem;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.o-container {
	width: 100%;
	max-width: 1152px;
	margin: 0 auto;
	padding: 0 1.5rem
}

@media (min-width:1280px) {
	.o-container {
		padding: 0 1rem
	}
}

.o-container.is-small {
	max-width: 784px
}

.o-container.is-medium {
	max-width: 928px
}

.o-container.is-large {
	max-width: 1140px
}

.o-footer {
	margin-top: 1rem;
	text-align: center
}

@media (min-width:768px) {
	.o-footer {
		margin-top: 2rem
	}
}

@media (min-width:768px) {
	.o-grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 -1rem
	}
}

.o-grid--4cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px; /* adjust spacing between items */
}

.c-product-card {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px;
  text-align: center;
}


.o-grid-item {
	width: 100%;
	padding: 0 1rem;
	display: block
}

.o-grid-item:first-child {
	padding-top: 0
}

.o-grid-item:last-child {
	padding-bottom: 0
}

@media (min-width:768px) {
	.o-grid-item.is-v-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media (min-width:768px) {

	.o-grid-item.is-stretch,
	.o-grid-item.is-v-center {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.o-grid-item.is-stretch {
		height: 100%;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.o-grid-item.has-bottom-margin {
	margin-bottom: 2rem
}

.o-grid.is-one-half {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (min-width:768px) {
	.o-grid.is-one-half .o-grid-item {
		width: 50%
	}
}

.o-grid.is-one-third {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (min-width:768px) {
	.o-grid.is-one-third .o-grid-item {
		width: 33.33%
	}
}

.o-grid.is-one-quarter {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (min-width:768px) {
	.o-grid.is-one-quarter .o-grid-item {
		width: 25%
	}
}

.o-grid.is-gapless .o-grid-item {
	padding: 0
}

.o-header {
	padding: 0 0 2.5rem;
	text-align: center
}

.o-header .u-h1,
.o-header .u-h2,
.o-header .u-h3,
.o-header .u-h4,
.o-header .u-h5 {
	margin-bottom: 0
}

@media (min-width:768px) {
	.o-header.is-narrow {
		max-width: 30rem;
		margin: 0 auto
	}
}

@media (min-width:768px) {
	.o-header.is-wide {
		max-width: 45rem;
		margin: 0 auto
	}
}

.o-hero {
	padding: 2.5rem 0;
	background-color: #faf9fc
}

@media (min-width:768px) {
	.o-hero {
		min-height: 25rem;
		padding: 3rem 0
	}
}

@media (min-width:768px) {
	.o-hero.has-breadcrumbs {
		padding-top: 1rem
	}
}

.o-hero.has-breadcrumbs .c-breadcrumbs ul {
	height: auto
}

@media (min-width:768px) {
	.o-hero.has-breadcrumbs .c-breadcrumbs {
		margin-bottom: 3.75rem
	}
}

.o-hero.is-stretch {
	flex-direction: column
}

.o-hero.is-stretch,
.o-hero.is-stretch .o-hero-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column
}

.o-hero.is-stretch .o-hero-content {
	height: 100%;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.o-media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.o-media-figure {
	margin-right: 1rem
}

.o-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 2.5rem 0;
	display: none;
	background-color: rgba(36, 14, 76, .9);
	z-index: 999;
	overflow-y: scroll
}

@media (min-width:768px) {
	.o-overlay {
		padding: 0
	}
}

.o-overlay.js-active {
	display: block
}

@media (min-width:768px) {
	.o-overlay.js-active {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.o-product-item .c-product-thumbnail {
	margin-bottom: 1rem
}

.o-product-item .u-p {
	margin-bottom: .5rem
}

.o-product-item p {
	margin-bottom: 1rem;
	font-size: 1rem
}

@media (min-width:768px) {
	.o-product-item.is-equal-height {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 100%
	}
}

@media (min-width:768px) {
	.o-product-item.is-equal-height .c-link {
		margin-top: auto
	}
}

.o-section {
	padding: 2.5rem 0;
	background-color: #fff
}

@media (min-width:1024px) {
	.o-section {
		padding: 6.25rem 0
	}
}

.o-section.is-light-bg {
	background-color: #faf9fc
}

.o-section.is-orange-bg {
	background-color: #ee6b2d
}

.o-section.is-small {
	padding: 2.5rem 0
}

.o-site-header {
	position: absolute;
	top: 0;
	left: -100%;
	bottom: 0;
	width: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	z-index: 99
}

@media (min-width:1024px) {
	.o-site-header {
		position: fixed;
		left: 0;
		bottom: auto;
		width: 100%;
		display: block
	}
}

.o-site-header .c-btn-close {
	position: absolute;
	top: 1rem;
	right: 1.5rem
}

@media (min-width:1024px) {
	.o-site-header .c-btn-close {
		display: none
	}
}

.o-site-header.js-active {
	left: 0;
	height: 130vh
}

.o-site {
	/*width:100vw;*/
	min-height: 100vh;
	padding-top: 3.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:1024px) {
	.o-site {
		padding-top: 7.5rem
	}
}

.o-site-header {
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.o-site-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.o-site-footer {
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.o-tabs-list-item {
	cursor: pointer
}

.o-tabs-content-item {
	display: none
}

.o-tabs-content-item.js-active {
	display: block !important
}

.c-404 {
	min-height: 50vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

@media (min-width:1024px) {
	.c-404 {
		min-height: 25vh
	}
}

.c-accordion-item article {
	display: none
}

.c-accordion-item.js-expanded article {
	display: block
}

.c-accordion-item.js-expanded header {
	margin-bottom: 2rem
}

@media (min-width:768px) {
	.c-accordion-item.js-expanded header {
		margin-bottom: 2.5rem
	}
}

.c-accordion-item.js-expanded header:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.c-accordion-item {
	padding: 1rem 0;
	border-bottom: 1px solid #b7b5bc
}

@media (min-width:768px) {
	.c-accordion-item {
		padding: 2.5rem 0
	}
}

.c-accordion-item header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer
}

.c-accordion-item header:after {
	position: relative;
	top: 2px;
	width: 1.5rem;
	height: 1.5rem;
	margin-left: auto;
	background: url(img/icon/down-orange-circle.svg) no-repeat 50%/contain;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	content: ""
}

@media (min-width:768px) {
	.c-accordion-item header:after {
		width: 2.5rem;
		height: 2.5rem
	}
}

.c-accordion-item header h2 {
	font-size: 1.125rem;
	line-height: 1.5
}

@media (min-width:768px) {
	.c-accordion-item header h2 {
		font-size: 2rem
	}
}

.c-article-cover {
	margin-bottom: 2.5rem;
	border-radius: .375rem;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden
}

@media (max-width:767px) {
	.c-article-cover {
		width: calc(100% + 3rem);
		margin: 0 -1.5rem 1.5rem;
		border-radius: 0
	}
}

.c-article-cover img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.c-article-cover.has-orange-badge:after,
.c-article-cover.has-purple-badge:after {
	position: absolute;
	top: -8rem;
	right: -8rem;
	width: 15rem;
	height: 15rem;
	display: block;
	border-radius: 100%;
	content: ""
}

.c-article-cover.has-purple-badge:after {
	background-color: rgba(71, 36, 135, .8)
}

.c-article-cover.has-orange-badge:after {
	background-color: rgba(234, 95, 27, .8)
}

.c-article-badge {
	position: absolute;
	top: 0;
	right: 0;
	width: 5rem;
	height: 5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.375rem;
	line-height: 1.5rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
	overflow: hidden;
	z-index: 1
}

.c-article-header {
	margin-bottom: 1.5rem
}

.c-article-header:after {
	width: 3.75rem;
	height: .25rem;
	display: block;
	background-color: #ee6b2d;
	content: ""
}

.c-article-header .c-title {
	margin-bottom: 1rem;
	font-size: 1.5rem;
	line-height: 1.75rem
}

@media (min-width:1024px) {
	.c-article-header .c-title {
		font-size: 2rem;
		line-height: 2.375rem
	}
}

.c-article-header .c-subtitle {
	margin-bottom: 1.5rem
}

.c-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(20, 0, 84, .85);
	z-index: 9
}

.c-brand-features {
	margin-bottom: 3.75rem
}

@media (min-width:768px) {
	.c-brand-features {
		margin-bottom: 6.25rem
	}
}

.c-brand-features h2 {
	font-size: 1.5rem
}

.c-brand-features .o-wrapper {
	padding: 2rem;
	background-color: #faf9fc;
	border-radius: .375rem
}

@media (min-width:320px) and (max-width:767px) {
	.c-brand-features .o-wrapper {
		margin: 0 -1.5rem
	}
}

@media (min-width:768px) {
	.c-brand-features .o-wrapper {
		padding: 2rem
	}
}

.c-brand-features-desscription {
	margin-bottom: 2.5rem
}

.c-brand-features-desscription p {
	font-size: 1rem
}

.c-brand-features-photos figure {
	border-radius: .375rem;
	position: relative;
	width: 100%;
	padding-top: 66.66667%;
	overflow: hidden
}

.c-brand-features-photos figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.c-brand-features.has-toggler .c-brand-features-toggler {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.c-brand-features.is-collapsed .c-brand-features-content {
	position: relative;
	height: 4.25rem;
	overflow: hidden
}

.c-brand-features.is-collapsed .c-brand-features-content:after {
	position: absolute;
	bottom: -.25rem;
	right: 0;
	background-color: #faf9fc;
	color: #706b7a;
	content: "..."
}

.c-brand-features-toggler {
	margin-top: .5rem;
	display: none;
	text-decoration: underline
}

.c-brand-hero h1,
.c-brand-hero h2 {
	font-size: 1.5rem
}

@media (min-width:768px) {
	.c-brand-hero .o-grid-item:first-child {
		width: auto;
		min-width: 18rem
	}
}

.c-brand-hero .o-grid-item:first-child figure {
	border-radius: .375rem;
	overflow: hidden;
	text-align: center
}

@media (min-width:320px) and (max-width:767px) {
	.c-brand-hero .o-grid-item:first-child figure {
		max-width: 9.5rem;
		margin: 0 auto
	}
}

.c-brand-hero .o-grid-item:first-child img {
	border: 1px solid #e6e5e8;
	border-radius: .375rem
}

.c-brand-hero .c-show-more {
	margin-bottom: 1.5rem
}

.c-brand-hero .c-show-more p {
	font-size: 1.063rem
}

.c-brand {
	text-align: center
}

.c-brand a {
	display: block;
	border-radius: .375rem
}

.c-brand a,
.c-brand figure {
	position: relative;
	overflow: hidden
}

.c-brand figure {
	width: 100%;
	padding-top: 100%
}

.c-brand figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.c-brand p {
	font-weight: 500;
	line-height: 1.5rem
}

.c-brand.is-best-seller .c-brand__best-seller {
	display: block
}

.c-brand__best-seller {
	position: absolute;
	top: -1px;
	right: .375rem;
	display: none;
	padding: 0 .5rem;
	background-color: #ee6b2d;
	border-radius: 0 0 .375rem .375rem;
	line-height: 20px;
	font-size: 12px;
	color: #faf9fc;
	z-index: 1
}

.c-breadcrumbs {
	display: none;
	overflow: hidden
}

@media (min-width:768px) {
	.c-breadcrumbs {
		display: block
	}
}

.c-breadcrumbs ul {
	height: 3.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-breadcrumbs li,
.c-breadcrumbs ul {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-breadcrumbs li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	vertical-align: middle;
	font-size: 1rem;
	color: #a09ca6
}

.c-breadcrumbs li+li {
	margin-left: .75rem
}

.c-breadcrumbs li+li:before {
	width: .375rem;
	height: .625rem;
	margin-right: .75rem;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.527 9a.51.51 0 01-.41-.2.496.496 0 01-.105-.374.483.483 0 01.187-.34l4.477-3.598L.223.914a.483.483 0 01-.188-.34A.484.484 0 01.146.2.504.504 0 01.492.012c.14-.016.266.02.375.105L5.813 4.09A.489.489 0 016 4.488a.489.489 0 01-.188.399L.845 8.883A.481.481 0 01.527 9z' fill='%23A09CA6' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto;
	content: ""
}

.c-breadcrumbs li:last-child {
	color: #706b7a
}

.c-breadcrumbs li a {
	text-decoration: none;
	color: #a09ca6
}

.c-breadcrumbs li a:hover {
	text-decoration: underline;
	color: #472487
}

.c-browse-happy {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 2rem 0;
	display: none;
	background-color: #faf9fc;
	text-align: center;
	z-index: -1
}

.c-browse-happy img {
	margin: 1.5rem 0;
	border-radius: .375rem;
	-webkit-box-shadow: 0 0 .125rem 0 rgba(0, 0, 0, .14), 0 .125rem .125rem 0 rgba(0, 0, 0, .12), 0 .063rem .188rem 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 .125rem 0 rgba(0, 0, 0, .14), 0 .125rem .125rem 0 rgba(0, 0, 0, .12), 0 .063rem .188rem 0 rgba(0, 0, 0, .2)
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
	.c-browse-happy {
		display: block !important;
		z-index: 999999 !important
	}
}

.c-btn {
	width: auto;
	min-height: 3rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	padding: .5rem 2.5rem;
	border: .125rem solid transparent;
	border-radius: 3.125rem;
	font-size: 1.125rem;
	font-family: Kanit, sans-serif;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	cursor: pointer
}

.c-btn.is-disabled {
	opacity: .3;
	pointer-events: none
}

.c-btn.is-primary {
	background-color: #ee6b2d;
	border-color: #ee6b2d;
	color: #fff
}

.c-btn.is-primary:hover {
	background-color: #d55214;
	border-color: #d55214;
	color: #fff
}

.c-btn.is-primary.has-next-arrow:after {
	width: 1rem;
	height: 1rem;
	margin-left: 8px;
	background: red;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.041 5.477h10.09L7.334 1.82a.719.719 0 01-.246-.545.79.79 0 01.22-.553.703.703 0 01.536-.238c.21 0 .398.07.562.211l5.168 4.992a.728.728 0 01.246.554.728.728 0 01-.246.554l-5.203 5.01a.754.754 0 01-.527.21.737.737 0 01-.563-.245.714.714 0 01-.22-.545.776.776 0 01.238-.545l3.797-3.657H1.023c-.199 0-.375-.07-.527-.21a.73.73 0 01-.246-.51.748.748 0 01.22-.58.765.765 0 01.571-.246z' fill='%23FAF9FC' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto;
	content: ""
}

.c-btn.is-secondary {
	padding-left: 3.125rem;
	padding-right: 3.125rem;
	background-color: #fff;
	border-color: #ee6b2d;
	color: #110821
}

.c-btn.is-secondary:hover {
	background-color: #d55214;
	border-color: #d55214;
	color: #fff
}

.c-btn.is-large {
	padding: 1.063rem 2.5rem
}

.c-btn-close {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M9.313 8.07l5.953 5.977a.838.838 0 01.28.644c0 .258-.089.477-.269.657a.893.893 0 01-.656.27.838.838 0 01-.644-.282L8 9.359l-5.977 5.977a.838.838 0 01-.644.281.893.893 0 01-.656-.27.893.893 0 01-.27-.656c0-.257.094-.472.281-.644L6.688 8.07.734 2.094a.838.838 0 01-.28-.645c0-.258.089-.476.269-.656.18-.18.398-.27.656-.27s.473.094.644.282L8 6.758 13.977.805a.838.838 0 01.644-.282c.258 0 .477.09.656.27.18.18.27.398.27.656a.838.838 0 01-.281.645L9.312 8.07z' id='a'/%3E%3C/defs%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cuse fill='%23000' xlink:href='%23a'/%3E%3Cuse fill='%23110821' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%/auto;
	cursor: pointer
}

.c-btn-close,
.c-btn-hamburger {
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border: none;
	font-size: 0;
	color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.c-btn-hamburger {
	background: url(img/icon/hamburger.svg) no-repeat 50%/auto
}

.c-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-decoration: none;
	color: #706b7a;
	border-radius: .375rem;
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	cursor: pointer
}

@media (min-width:1024px) {
	.c-card:hover {
		-webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .14), 0 2px 8px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 0 11px 0 rgba(0, 0, 0, .14), 0 2px 8px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .2)
	}
}

.c-card:hover .c-card-figure {
	border-radius: 0
}

.c-card.is-video {
	height: 100%
}

.c-card.is-video .c-card-figure {
	position: relative
}

.c-card.is-video .c-card-figure:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3rem;
	height: 3rem;
	background: url(img/icon/play-video.svg) no-repeat 50%/auto;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: ""
}

.c-card-body {
	position: relative
}

.c-card-footer {
	padding: 1rem .5rem;
	text-align: center
}

.c-card-figure {
	background: #faf9fc;
	border-radius: .375rem;
	position: relative;
	width: 100%;
	padding-top: 66.66667%;
	overflow: hidden
}

.c-card-figure img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.c-card-figure.has-orange-badge:after,
.c-card-figure.has-purple-badge:after {
	position: absolute;
	top: -8rem;
	right: -8rem;
	width: 15rem;
	height: 15rem;
	display: block;
	border-radius: 100%;
	content: ""
}

.c-card-figure.has-purple-badge:after {
	background-color: rgba(71, 36, 135, .8)
}

.c-card-figure.has-orange-badge:after {
	background-color: rgba(234, 95, 27, .8)
}

.c-card-badge {
	position: absolute;
	top: 0;
	right: 0;
	width: 6rem;
	height: 6rem;
	padding-top: .5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
	overflow: hidden;
	z-index: 9
}

.c-card-badge:after {
	position: absolute;
	top: -4rem;
	right: -4rem;
	width: 10rem;
	height: 10rem;
	display: block;
	border-radius: 100%;
	background-color: rgba(71, 36, 135, .8);
	z-index: -1;
	content: ""
}

@media (max-width:767px) {
	.c-career-grid .o-grid-item {
		padding: 0
	}
}

.c-career-item {
	height: 100%;
	padding: 2.5rem 1.5rem;
	background-color: #472487;
	border-radius: .375rem;
	text-align: center;
	color: #fff
}

@media (min-width:768px) {
	.c-career-item {
		padding: 1.5rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media (min-width:1024px) {
	.c-career-item {
		padding: 2.5rem
	}
}

.c-career-item p {
	margin: 1rem 0 2.5rem;
	font-size: 1rem
}

.c-career-item .u-h5 {
	margin-bottom: auto;
	text-transform: uppercase;
	color: #fff
}

.c-career-item a.c-btn {
	min-height: auto;
	padding: 9px 3.375rem;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer
}

.c-career-grid-header {
	margin-bottom: 2.5rem
}

.c-contact-form {
	margin: 0 auto 2.5rem;
	padding: 2.5rem 1rem
}

@media (min-width:768px) {
	.c-contact-form {
		max-width: 28rem;
		margin-bottom: 0;
		padding: 2.5rem 2rem
	}
}

.c-contact-form-header {
	margin-bottom: 2.5rem;
	text-align: center
}

.c-contact address {
	margin-bottom: 1rem
}

@media (min-width:768px) {
	.c-contact address {
		margin-bottom: 2.5rem
	}
}

.c-contact-list {
	margin-bottom: 2.5rem
}

@media (min-width:1024px) {
	.c-contact-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.c-contact-item {
	margin-bottom: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:1024px) {
	.c-contact-item {
		width: 50%
	}
}

.c-contact-item:before {
	width: 1.125rem;
	height: 1.125rem;
	margin-right: .5rem;
	background: url(img/icon/call-purple.svg) no-repeat 50%/contain;
	content: ""
}

@media (min-width:1024px) {
	.c-contact-item:nth-child(3) {
		margin-bottom: 0
	}
}

.c-contact-item:nth-child(3):before {
	background-image: url(img/icon/email-purple.svg)
}

@media (min-width:1024px) {
	.c-contact-item:nth-child(4) {
		margin-bottom: 0
	}
}

@media (max-width:767px) {
	.c-contact-item:last-child {
		margin-bottom: 0
	}
}

.c-contact-item:last-child:before {
	display: none
}

.c-contact-item:last-child a {
	margin-left: .5rem;
	text-decoration: underline;
	color: #ee6b2d
}

.c-contact-item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	color: #706b7a
}

.c-contact-map {
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	border-radius: .375rem;
	overflow: hidden
}

@media (min-width:768px) {
	.c-contact-map {
		max-width: 28rem
	}
}

.c-contact-map img {
	width: 100%;
	height: auto;
	display: block
}

@media (min-width:768px) {
	.c-conversion-thx-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.c-conversion-thx-item {
	width: 100%;
	height: 14.625rem;
	background: #eee;
	border-radius: .375rem;
	overflow: hidden
}

@media (min-width:768px) {
	.c-conversion-thx-item {
		width: 50%;
		max-width: 22rem
	}
}

.c-conversion-thx-item:first-child {
	margin-bottom: 2rem;
	background: url(img/bg/conversion-thx-a.jpg) no-repeat 50%/cover
}

@media (min-width:768px) {
	.c-conversion-thx-item:first-child {
		margin: 0 1rem 0 0
	}
}

.c-conversion-thx-item:last-child {
	background: url(img/bg/conversion-thx-b.jpg) no-repeat 50%/cover
}

@media (min-width:768px) {
	.c-conversion-thx-item:last-child {
		margin: 0 0 0 1rem
	}
}

.c-conversion-thx-item a {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.5rem;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	color: #fff
}

.c-copyrights {
	margin-top: 2.5rem;
	text-align: center
}

@media (min-width:768px) {
	.c-copyrights {
		margin-top: 5rem;
		text-align: left
	}
}

.c-copyrights a,
.c-copyrights small {
	font-size: .875rem;
	color: #cbb8e8
}

@media (max-width:319px) {

	.c-copyrights a,
	.c-copyrights small {
		margin-left: auto;
		padding: 0;
		display: block
	}
}

.c-copyrights small {
	margin-right: .5rem
}

@media (min-width:768px) {
	.c-copyrights small {
		margin-right: 1.25rem
	}
}

.c-copyrights a {
	margin-left: .5rem;
	word-break: break-all;
	text-decoration: none
}

@media (min-width:768px) {
	.c-copyrights a {
		margin-left: 1.25rem
	}
}

.c-copyrights a:hover {
	text-decoration: none
}

.c-cover {
	position: relative
}

.c-cover img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.c-cover.is-3-2 {
	position: relative;
	width: 100%;
	padding-top: 66.66667%;
	overflow: hidden
}

.c-cover.has-border-radius {
	border-radius: .375rem;
	overflow: hidden
}

.c-cover.has-bottom-margin {
	margin-bottom: 2rem
}

.c-footer-contact {
	padding-bottom: 2.5rem;
	position: relative;
	background-color: #edebf1
}

@media (min-width:768px) {
	.c-footer-contact {
		padding-bottom: 5rem
	}
}

.c-footer-contact:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 18rem;
	background-color: #fff;
	content: ""
}

@media (min-width:768px) {
	.c-footer-contact:after {
		height: 9.5rem
	}
}

@media (min-width:768px) {
	.c-footer-contact .o-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.c-footer-contact .c-contact-form {
	position: relative;
	z-index: 9
}

@media (min-width:768px) {
	.c-footer-contact .c-contact-form {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
}

.c-footer-contact-banner {
	z-index: 9
}

@media (min-width:768px) {
	.c-footer-contact-banner {
		width: 50%;
		padding-right: 1rem;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
}

.c-footer-contact-banner .u-h4:after {
	width: 3.75rem;
	height: .25rem;
	display: block;
	margin-top: 1.25rem;
	background-color: #ee6b2d;
	border-radius: .25rem;
	content: ""
}

@media (min-width:768px) {
	.c-footer-contact-banner__content {
		max-width: 28rem;
		margin-left: auto
	}
}

.c-footer-contact-banner_figure {
	margin-bottom: 1rem;
	border-radius: .375rem;
	position: relative;
	width: 100%;
	padding-top: 66.66667%;
	overflow: hidden
}

.c-footer-contact-banner_figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.c-footer-nav {
	padding: 2.5rem 0 1.25rem
}

@media (min-width:768px) {
	.c-footer-nav {
		padding: 5rem 0 2.5rem
	}
}

.c-footer-nav .o-grid-item:first-child {
	display: none
}

@media (min-width:768px) {
	.c-footer-nav .o-grid-item:first-child {
		display: block
	}
}

.c-footer-nav .o-grid-item:nth-child(2) {
	display: none
}

@media (min-width:768px) {
	.c-footer-nav .o-grid-item:nth-child(2) {
		display: block
	}
}

@media (min-width:768px) {
	.c-footer-nav .o-grid-item:nth-child(3) {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
}

@media (min-width:768px) {
	.c-footer-nav .o-grid-item:nth-child(4) {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
}

.c-footer-nav-content header {
	margin-bottom: 1rem;
	font-weight: 500
}

.c-footer-nav-content address {
	font-size: 1rem
}

.c-footer-nav-content a {
	line-height: 2;
	font-size: 1rem;
	text-decoration: none;
	color: #fff
}

.c-footer-nav-content a:hover {
	color: #fff
}

.c-footer-nav-content.is-contact {
	text-align: center
}

@media (min-width:768px) {
	.c-footer-nav-content.is-contact {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: left
	}
}

.c-footer-nav-content.is-address {
	max-width: 21rem;
	margin: 0 auto;
	text-align: center
}

@media (min-width:768px) {
	.c-footer-nav-content.is-address {
		max-width: 12rem;
		margin: 0;
		text-align: left
	}
}

.c-footer-nav-social {
	margin-bottom: 2.5rem
}

@media (min-width:768px) {
	.c-footer-nav-social {
		margin-bottom: 0;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
}

.c-footer-nav-social .c-social-link {
	margin: 0 .5rem
}

@media (min-width:768px) {
	.c-footer-nav-social .c-social-link:first-of-type {
		margin-left: 0
	}
}

.c-footer-nav-contact {
	max-width: 19rem;
	margin: 0 auto
}

@media (min-width:768px) {
	.c-footer-nav-contact {
		margin: 0 0 2rem
	}
}

.c-footer-nav-contact li {
	margin: 0 .5rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

@media (min-width:768px) {
	.c-footer-nav-contact li {
		display: block;
		margin: 0;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
}

.c-form {
	padding: 2.5rem 1rem
}

@media (min-width:768px) {
	.c-form {
		padding: 2.5rem 2rem
	}
}

.c-form.has-shadow {
	background-color: #fff;
	border-radius: .375rem;
	-webkit-box-shadow: 0 0 .125rem 0 rgba(0, 0, 0, .14), 0 .125rem .125rem 0 rgba(0, 0, 0, .12), 0 .063rem .188rem 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 .125rem 0 rgba(0, 0, 0, .14), 0 .125rem .125rem 0 rgba(0, 0, 0, .12), 0 .063rem .188rem 0 rgba(0, 0, 0, .2)
}

.c-form-header {
	text-align: center;
	margin-bottom: 2.5rem
}

.c-form-body {
	text-align: left;
	margin-bottom: 2.5rem
}

.c-form-footer {
	text-align: center
}

.c-field label {
	display: block;
	margin-bottom: .5rem
}

.c-field label.is-required:after {
	margin-left: .25rem;
	color: #ee6b2d;
	content: "*"
}

.c-field:not(:last-child) {
	margin-bottom: 2rem
}

@media (min-width:768px) {
	.c-field:not(:last-child) {
		margin-bottom: 2.5rem
	}
}

@media (min-width:768px) {
	.c-field.is-horizontal {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.c-field__group {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media (max-width:767px) {
	.c-field__group {
		margin-bottom: 1.5rem
	}
}

@media (min-width:768px) {
	.c-field__group:not(:last-child) {
		margin-right: 2rem
	}
}

.c-field input.error {
	border-color: #fd5c5e
}

.c-field label.error {
	margin: .5rem 0 0;
	font-size: .875rem;
	font-weight: 400;
	color: #fd5c5e
}

.c-service-price {
	background-color: #faf9fc;
	border-radius: .375rem;
	overflow: hidden
}

.c-service-price .header {
	padding: 1rem;
	text-align: center;
	font-size: 1.125rem;
	color: #fff
}

.c-service-price .body {
	padding: 1.5rem 1rem;
	text-align: center;
	font-size: 2rem;
	color: #110821
}

.c-service-price .body span {
	display: block;
	font-size: 1rem;
	color: #706b7a
}

.c-service-price.is-option-a .header {
	background-color: #917cb7
}

.c-service-price.is-option-b .header {
	background-color: #6c509f
}

.c-service-price.is-option-c .header {
	background-color: #472487
}

.c-service-price.is-option-d .header {
	background-color: #3b1c73
}

.c-service-price .body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (min-width:768px) {
	.c-service-price .body {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media (min-width:768px) {
	.c-service-price.is-alt .header span {
		display: block
	}
}

@media (min-width:768px) {
	.c-service-price.is-alt .body {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

.c-header-cta {
	margin-left: auto;
	display: none;
	overflow: hidden
}

@media (min-width:1024px) {
	.c-header-cta {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}

.c-header-cta .c-link {
	height: 2.5rem;
	font-size: 1rem;
	text-decoration: none
}

.c-header-cta .c-btn {
	height: 2.5rem;
	margin: 0 -9.375rem 0 1rem;
	padding-left: 1.125rem;
	padding-right: 1.125rem;
	font-size: 1rem;
	-webkit-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out
}

.c-header-cta .c-btn.js-active {
	margin-right: 0
}

[name=hello-again],
[name=hello] {
	position: absolute;
	left: -100%;
	opacity: 0
}

.c-home-hero {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden
}

@media (min-width:1024px) {
	.c-home-hero {
		min-height: 33.75rem
	}
}

@media (min-width:1024px) {
	.c-home-hero .u-h5 {
		margin-bottom: 2rem
	}
}

.c-home-hero .c-btn {
	padding: .5rem 1.75rem
}

@media (min-width:1024px) {
	.c-home-hero .c-btn {
		padding: .75rem 1.75rem
	}
}

.c-home-hero__content {
	position: relative;
	max-width: 37rem;
	z-index: 9
}

.c-home-hero__content:after {
	position: absolute;
	top: 0;
	left: 30%;
	width: 55rem;
	height: 100%;
	background: url(img/bg-home-hero.jpg) no-repeat 50%/contain;
	opacity: .2;
	z-index: -1;
	content: ""
}

@media (min-width:1024px) {
	.c-home-hero__content:after {
		left: calc(100% + 3rem);
		opacity: 1
	}
}

.c-home-products-grid {
	padding: 1.25rem 0 2.5rem
}

@media (min-width:768px) {
	.c-home-products-grid {
		padding: 2rem 0 6.25rem
	}
}

.c-home-products-grid-lst {
	margin: 0 -.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (min-width:768px) {
	.c-home-products-grid-lst {
		margin: 0 -1rem
	}
}

.c-home-products-grid-itm {
	height: 9.5rem;
	padding: .5rem
}

@media (min-width:768px) {
	.c-home-products-grid-itm {
		height: 16rem;
		padding: 1rem
	}
}

.c-home-products-grid-itm a {
	font-size: 1.5rem
}

.c-home-products-grid-itm:first-child {
	width: 100%
}

@media (min-width:768px) {
	.c-home-products-grid-itm:first-child {
		width: 50%
	}
}

.c-home-products-grid-itm:first-child a {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	background: #472487 url(img/product-grid-air-con.jpg) no-repeat center 25%/60%
}

@media (min-width:320px) and (max-width:767px) {
	.c-home-products-grid-itm:first-child a {
		background-size: auto 50%
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.c-home-products-grid-itm:first-child a {
		background-size: 80% auto
	}
}

@media (min-width:1024px) {
	.c-home-products-grid-itm:first-child a {
		background-size: auto
	}
}

.c-home-products-grid-itm:first-child a span {
	margin-bottom: 1rem
}

@media (min-width:768px) {
	.c-home-products-grid-itm:first-child a span {
		margin-bottom: 2rem
	}
}

.c-home-products-grid-itm:nth-child(2) {
	width: 100%
}

@media (min-width:768px) {
	.c-home-products-grid-itm:nth-child(2) {
		width: 50%
	}
}

.c-home-products-grid-itm:nth-child(2) a {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	background: #faf9fc url(img/product-grid-srecurity-system.jpg) no-repeat 20%/auto 60%;
	color: #110821
}

@media (min-width:320px) and (max-width:767px) {
	.c-home-products-grid-itm:nth-child(2) a {
		background-size: auto 80%
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.c-home-products-grid-itm:nth-child(2) a {
		background-size: auto 90%
	}
}

@media (min-width:1024px) {
	.c-home-products-grid-itm:nth-child(2) a {
		background-size: auto
	}
}

.c-home-products-grid-itm:nth-child(2) a span {
	margin-right: 15%
}

@media (min-width:320px) and (max-width:767px) {
	.c-home-products-grid-itm:nth-child(2) a span {
		margin-right: 25%
	}
}

.c-home-products-grid-itm:nth-child(3) {
	width: 50%
}

@media (min-width:768px) {
	.c-home-products-grid-itm:nth-child(3) {
		width: 25%
	}
}

.c-home-products-grid-itm:nth-child(3) a {
	background: #faf9fc url(img/product-grid-sound-system.jpg) no-repeat 50%/80%;
	color: #fff
}

@media (min-width:320px) and (max-width:767px) {
	.c-home-products-grid-itm:nth-child(3) a {
		background-size: auto 80%
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.c-home-products-grid-itm:nth-child(3) a {
		background-size: 100%
	}
}

@media (min-width:1024px) {
	.c-home-products-grid-itm:nth-child(3) a {
		background-size: auto
	}
}

.c-home-products-grid-itm:nth-child(4) {
	width: 50%
}

@media (min-width:768px) {
	.c-home-products-grid-itm:nth-child(4) {
		width: 25%
	}
}

.c-home-products-grid-itm:nth-child(4) a {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	background: #ee6b2d url(img/product-grid-phone-system.jpg) no-repeat center 70%/50%;
	color: #fff
}

@media (min-width:320px) and (max-width:767px) {
	.c-home-products-grid-itm:nth-child(4) a {
		background-size: auto 80%
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.c-home-products-grid-itm:nth-child(4) a {
		background-size: 60%
	}
}

@media (min-width:1024px) {
	.c-home-products-grid-itm:nth-child(4) a {
		background-size: auto
	}
}

.c-home-products-grid-itm:nth-child(4) a span {
	margin-top: 1rem
}

.c-home-products-grid-itm:nth-child(5) {
	width: 100%
}

@media (min-width:768px) {
	.c-home-products-grid-itm:nth-child(5) {
		width: 50%
	}
}

.c-home-products-grid-itm:nth-child(5) a {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	background: #110821 url(img/product-grid-services.jpg) no-repeat right 25%/80%
}

@media (min-width:320px) and (max-width:767px) {
	.c-home-products-grid-itm:nth-child(5) a {
		background-size: auto 60%
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.c-home-products-grid-itm:nth-child(5) a {
		background-size: 90%
	}
}

@media (min-width:1024px) {
	.c-home-products-grid-itm:nth-child(5) a {
		background-size: auto
	}
}

.c-home-products-grid-itm:nth-child(5) a span {
	margin-bottom: 1rem
}

@media (min-width:768px) {
	.c-home-products-grid-itm:nth-child(5) a span {
		margin-bottom: 2rem
	}
}

.c-home-products-grid-itm__content {
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: .25rem;
	text-decoration: none;
	text-align: center;
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

@media (min-width:768px) {
	.c-home-products-grid-itm__content {
		border-radius: .375rem
	}
}

@media (min-width:1024px) {
	.c-home-products-grid-itm__content:hover {
		-webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .14), 0 2px 8px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 0 11px 0 rgba(0, 0, 0, .14), 0 2px 8px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .2)
	}
}

.c-home-what-we-do {
	color: #fff
}

.c-home-what-we-do .o-container {
	padding-top: 1rem;
	padding-bottom: 1rem
}

@media (min-width:768px) {
	.c-home-what-we-do .o-container {
		padding-top: 0;
		padding-bottom: 0
	}
}

.c-home-what-we-do .o-header {
	padding: 3rem 0 0
}

@media (min-width:768px) {
	.c-home-what-we-do .o-header {
		padding: 4.25rem 0 0
	}
}

.c-home-what-we-do .u-h1,
.c-home-what-we-do .u-h2,
.c-home-what-we-do .u-h4 {
	color: #fff
}

.c-home-what-we-do .u-h1 {
	display: block;
	margin-bottom: 0
}

@media (min-width:768px) {
	.c-home-what-we-do .u-h1 {
		margin-right: 1rem;
		display: inline
	}
}

.c-home-what-we-do .u-h4:after {
	width: 3.75rem;
	height: .25rem;
	display: block;
	margin-top: 1.25rem;
	background-color: #ee6b2d;
	border-radius: .25rem;
	content: ""
}

.c-home-what-we-do.is-inspection {
	background-color: #472487
}

.c-home-what-we-do.is-inspection .o-container {
	background: url(img/bg-home-what-we-do--inspection.jpg) no-repeat 0 100%/auto 100%
}

@media (min-width:768px) {
	.c-home-what-we-do.is-inspection .o-container {
		background-position: -30% bottom
	}
}

.c-home-what-we-do.is-inspection .c-home-what-we-do-content {
	margin-left: auto
}

@media (min-width:1024px) {
	.c-home-what-we-do.is-inspection .c-home-what-we-do-content {
		padding-left: 7rem
	}
}

.c-home-what-we-do.is-personalized {
	background-color: #110821
}

.c-home-what-we-do.is-personalized .o-container {
	background: url(img/bg-home-what-we-do--personalized.jpg) no-repeat 100% 100%/auto 100%
}

@media (min-width:1024px) {
	.c-home-what-we-do.is-personalized .c-home-what-we-do-content {
		padding-right: 7rem
	}
}

.c-home-what-we-do.is-installation {
	background-color: #ee6b2d
}

@media (min-width:768px) {
	.c-home-what-we-do.is-installation .o-container {
		background: url(img/bg-home-what-we-do--installation.jpg) no-repeat -280px bottom/auto 100%
	}
}

@media (min-width:1024px) and (max-width:1279px) {
	.c-home-what-we-do.is-installation .o-container {
		background-position: -6.25rem bottom
	}
}

@media (min-width:1280px) {
	.c-home-what-we-do.is-installation .o-container {
		background-position: -3.75rem bottom
	}
}

.c-home-what-we-do.is-installation .c-home-what-we-do-content {
	margin-left: auto
}

@media (min-width:1024px) {
	.c-home-what-we-do.is-installation .c-home-what-we-do-content {
		padding-left: 7rem
	}
}

.c-home-what-we-do.is-installation .u-h4:after {
	background-color: #fff
}

.c-home-what-we-do.is-gauranteed {
	background-color: #110821
}

.c-home-what-we-do.is-gauranteed .o-container {
	background: url(img/bg-home-what-we-do--gauranteed.jpg) no-repeat 100% 100%/auto 100%
}

@media (min-width:1024px) {
	.c-home-what-we-do.is-gauranteed .c-home-what-we-do-content {
		padding-right: 7rem
	}
}

.c-home-what-we-do-content {
	min-height: 25rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (min-width:768px) {
	.c-home-what-we-do-content {
		width: 50%
	}
}

.c-line-account {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-line-account:before {
	width: 1.25rem;
	height: 1.25rem;
	margin-right: .5rem;
	background: url(img/icon/line.svg) no-repeat 50%/auto;
	content: ""
}

.c-link {
	color: #ee6b2d;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	word-break: break-all
}

.c-link:hover {
	color: #d55214
}

.c-link[class*=has-icon-] {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-link[class*=has-icon-]:before {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .5rem;
	background-repeat: no-repeat;
	background-origin: center;
	background-size: contain;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	content: ""
}

.c-link.is-sm:before {
	width: 1rem;
	height: 1rem
}

.c-link.is-md:before {
	width: 1.5rem;
	height: 1.5rem
}

.c-link.is-lg:before {
	width: 2rem;
	height: 2rem
}

.c-link.is-xl:before {
	width: 3rem;
	height: 3rem
}

.c-link.has-icon-call:before {
	background-image: url(img/icon/call.svg)
}

.c-link.has-icon-call-orange:before {
	background-image: url(img/icon/call-orange.svg)
}

.c-link.has-icon-email:before {
	background-image: url(img/icon/email.svg)
}

.c-link.has-icon-line:before {
	background-image: url(img/icon/line.svg)
}

.c-link.has-icon-next-orange:before {
	display: none
}

.c-link.has-icon-next-orange:after {
	width: .875rem;
	height: .75rem;
	margin-left: .5rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	content: "";
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.041 5.477h10.09L7.334 1.82a.719.719 0 01-.246-.545.79.79 0 01.22-.553.703.703 0 01.536-.238c.21 0 .398.07.562.211l5.168 4.992a.728.728 0 01.246.554.728.728 0 01-.246.554l-5.203 5.01a.754.754 0 01-.527.21.737.737 0 01-.563-.245.714.714 0 01-.22-.545.776.776 0 01.238-.545l3.797-3.657H1.023c-.199 0-.375-.07-.527-.21a.73.73 0 01-.246-.51.748.748 0 01.22-.58.765.765 0 01.571-.246z' fill='%23EE6B2D' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto
}

.c-load-more {
	padding: 1rem 0;
	text-align: center
}

.c-load-more.js-hidden {
	display: none
}

.c-main-navigation {
	padding: 1.5rem 0;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

@media (min-width:1024px) {
	.c-main-navigation {
		padding: 0
	}
}

@media (min-width:1024px) {
	.c-main-navigation .o-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.c-main-navigation .c-site-branding {
	margin-bottom: 1.5rem
}

@media (min-width:1024px) {
	.c-main-navigation .c-site-branding {
		margin: 0 2rem 0 0
	}
}

@media (min-width:1024px) {
	.c-primary-menu .menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media (min-width:1024px) {
	.c-primary-menu .menu-item+.menu-item {
		margin-left: 2rem
	}
}

.c-primary-menu .menu-item a {
	min-height: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1rem;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	color: #706b7a
}

@media (min-width:1024px) {
	.c-primary-menu .menu-item a {
		min-height: 5rem
	}
}

.c-primary-menu .menu-item-has-children.js-expanded .sub-menu {
	display: block !important
}

.c-primary-menu .menu-item-has-children.js-expanded>a:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.c-primary-menu .menu-item-has-children>a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-primary-menu .menu-item-has-children>a:after {
	width: .625rem;
	height: .625rem;
	margin-left: auto;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23472487' d='M.742 1.078a.38.38 0 01-.068-.44.384.384 0 01.38-.243h7.891c.183 0 .31.08.381.244a.38.38 0 01-.068.44L5.303 5.853A.398.398 0 014.99 6a.398.398 0 01-.312-.146L.742 1.078z'/%3E%3C/svg%3E") no-repeat 50%/auto;
	content: ""
}

@media (min-width:1024px) {
	.c-primary-menu .menu-item-has-children>a:after {
		margin-left: .25rem
	}
}

.c-primary-menu .sub-menu {
	margin: 0 -1.25rem;
	padding: 0 1.25rem;
	display: none;
	background-color: #faf9fc
}

@media (min-width:1024px) {
	.c-primary-menu .sub-menu {
		position: absolute;
		margin: -1rem 0 0 -1rem;
		padding: 0;
		background-color: #fff;
		-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
		border-radius: .375rem
	}
}

.c-primary-menu .sub-menu .menu-item {
	margin-left: 0
}

@media (min-width:768px) {
	.c-primary-menu .sub-menu .menu-item {
		margin-right: 0
	}
}

.c-primary-menu .sub-menu .menu-item:hover a {
	background-color: #faf9fc;
	color: #472487;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.c-primary-menu .sub-menu .menu-item a {
	min-height: 48px;
	text-transform: none
}

@media (min-width:1024px) {
	.c-primary-menu .sub-menu .menu-item a {
		padding: .75rem 1rem
	}
}

.c-modal-form {
	background-color: #fff;
	border-radius: .375rem;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	overflow: hidden
}

.c-modal-form__header {
	position: relative;
	padding: 2.5rem 1rem 1.25rem
}

@media (min-width:768px) {
	.c-modal-form__header {
		padding: 2.5rem 2rem 1.25rem
	}
}

.c-modal-form__header .c-btn-close {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem
}

.c-modal-form__body {
	padding: 1.25rem 1rem
}

@media (min-width:768px) {
	.c-modal-form__body {
		padding: 1.25rem 2rem
	}
}

.c-modal-form__body .u-text-bold+.u-text-bold {
	margin-top: .5rem
}

.c-modal-form__footer {
	padding: 1.25rem 0 0
}

@media (max-width:767px) {
	.c-modal-form__footer .c-btn {
		width: 100%;
		padding: .5rem 1rem;
		border-radius: 0
	}
}

@media (min-width:768px) {
	.c-modal-form__footer {
		padding: 1.25rem 2rem 2.5rem
	}
}

.c-not-found {
	min-height: 10rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #faf9fc
}

.c-not-found p {
	margin: 0
}

.c-page-description {
	margin-bottom: 1rem
}

@media (min-width:768px) {
	.c-page-description {
		margin-bottom: 3rem
	}
}

.c-pagination {
	margin: 2rem -.25rem
}

.c-pagination,
.c-pagination .page-numbers {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-pagination .page-numbers {
	width: 3rem;
	height: 3rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 .25rem;
	border-radius: .375rem;
	font-size: 1.125rem;
	text-decoration: none;
	color: #706b7a
}

.c-pagination .page-numbers:hover {
	color: #ee6b2d
}

.c-pagination .page-numbers.next,
.c-pagination .page-numbers.prev {
	border: 2px solid #ee6b2d;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.c-pagination .page-numbers.prev {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.028 5.477H2.938L6.735 1.82a.719.719 0 00.246-.545.79.79 0 00-.22-.553.703.703 0 00-.536-.238.84.84 0 00-.562.211L.495 5.687a.728.728 0 00-.246.554c0 .217.082.402.246.554l5.203 5.01c.152.14.328.21.527.21.223 0 .41-.081.563-.245a.714.714 0 00.22-.545.776.776 0 00-.238-.545L2.973 7.023h10.073c.199 0 .375-.07.527-.21a.73.73 0 00.246-.51.748.748 0 00-.22-.58.765.765 0 00-.57-.246z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto
}

.c-pagination .page-numbers.next {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.041 5.477h10.09L7.334 1.82a.719.719 0 01-.246-.545.79.79 0 01.22-.553.703.703 0 01.536-.238c.21 0 .398.07.562.211l5.168 4.992a.728.728 0 01.246.554.728.728 0 01-.246.554l-5.203 5.01a.754.754 0 01-.527.21.737.737 0 01-.563-.245.714.714 0 01-.22-.545.776.776 0 01.238-.545l3.797-3.657H1.023c-.199 0-.375-.07-.527-.21a.73.73 0 01-.246-.51.748.748 0 01.22-.58.765.765 0 01.571-.246z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto
}

.c-pagination .page-numbers.current {
	border: 2px solid #ee6b2d;
	background-color: #ee6b2d;
	color: #fff
}

@media (max-width:767px) {
	.c-pagination {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

@media (max-width:767px) {
	.c-pagination .page-numbers {
		display: none
	}
}

@media (max-width:767px) {

	.c-pagination .page-numbers.current,
	.c-pagination .page-numbers.next,
	.c-pagination .page-numbers.prev {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media (max-width:767px) {
	.c-pagination .page-numbers.current {
		width: 100%;
		background-color: transparent;
		border: none;
		color: #706b7a
	}
}

.c-product-detail-tabs {
	font-size: 1rem;
	margin-bottom: 2.5rem
}

@media (min-width:768px) {
	.c-product-detail-tabs {
		margin-bottom: 0
	}
}

.c-product-detail-tabs .o-tabs-list {
	display: none;
	border-bottom: 1px solid #d8d8d8
}

@media (min-width:768px) {
	.c-product-detail-tabs .o-tabs-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.c-product-detail-tabs .o-tabs-list-item {
	padding: .5rem 1.25rem
}

.c-product-detail-tabs .o-tabs-list-item.js-active {
	position: relative;
	color: #ee6b2d
}

.c-product-detail-tabs .o-tabs-list-item.js-active:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #ee6b2d;
	content: ""
}

@media (max-width:767px) {
	.c-product-detail-tabs .o-tabs-content {
		margin-top: 2.5rem
	}
}

.c-product-detail-tabs .o-tabs-content-item {
	display: block
}

@media (max-width:767px) {
	.c-product-detail-tabs .o-tabs-content-item {
		padding: 1rem 0;
		border-top: 1px solid #b7b5bc
	}
}

@media (min-width:768px) {
	.c-product-detail-tabs .o-tabs-content-item {
		min-height: 10rem;
		padding: 2rem 1.5rem;
		display: none
	}
}

@media (max-width:767px) {
	.c-product-detail-tabs .o-tabs-content-item:last-child {
		border-bottom: 1px solid #b7b5bc
	}
}

.c-product-detail-tabs .o-tabs-content-item header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.125rem;
	font-weight: 500;
	color: #323e46
}

.c-product-detail-tabs .o-tabs-content-item header:after {
	width: 1.5rem;
	height: 1.5rem;
	margin-left: auto;
	background: url(img/icon/down-orange-circle.svg) no-repeat 50%/auto;
	content: ""
}

@media (min-width:768px) {
	.c-product-detail-tabs .o-tabs-content-item header {
		display: none
	}
}

.c-product-detail-tabs .o-tabs-content-item.js-active header {
	margin-bottom: 2rem
}

.c-product-detail-tabs .o-tabs-content-item.js-active header:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media (max-width:767px) {
	.c-product-detail-tabs .o-tabs-content-item.js-active .c-product-detail-tabs__body {
		display: block
	}
}

@media (max-width:767px) {
	.c-product-detail-tabs__body {
		display: none
	}
}

@media (min-width:768px) {
	.c-product-detail-tabs__body .o-grid-item {
		padding-bottom: 2rem
	}
}

.c-product-detail {
	overflow: hidden
}

@media (max-width:767px) {
	.c-product-detail {
		padding-top: 0
	}
}

@media (max-width:767px) {
	.c-product-detail .o-grid {
		margin: 0 -24px
	}
}

@media (max-width:767px) {
	.c-product-detail .o-grid-item:nth-child(2) {
		padding: 0 1.5rem
	}
}

.c-product-detail-photo {
	border: 1px solid #e6e5e8;
	border-radius: .375rem;
	position: relative;
	width: 100%;
	padding-top: 66.66667%;
	overflow: hidden
}

@media (max-width:767px) {
	.c-product-detail-photo {
		border-radius: 0;
		border-top: none;
		border-left: none;
		border-right: none
	}
}

.c-product-detail-photo img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

@media (max-width:767px) {
	.c-modal-form__body .c-product-detail-photo {
		border: 1px solid #e6e5e8;
		border-radius: .375rem
	}
}

.c-product-detail-gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 1rem -.5rem .5rem
}

@media (max-width:767px) {
	.c-product-detail-gallery {
		padding: 0 1.5rem
	}
}

.c-product-detail-gallery__item {
	width: 20%;
	padding: .5rem;
	cursor: pointer
}

.c-product-detail-gallery__item figure {
	border: 1px solid #e6e5e8;
	border-radius: .375rem;
	font-size: 0;
	position: relative;
	width: 100%;
	padding-top: 66.66667%;
	overflow: hidden
}

.c-product-detail-gallery__item figure img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%
}

.c-product-detail-gallery__item.is-active figure {
	border: 2px solid #472487
}

.c-product-detail-highlight .s-cms-content {
	margin-bottom: 2.5rem
}

.c-product-detail-highlight .s-cms-content ul {
	font-size: 1rem
}

@media (min-width:768px) {
	.c-product-detail-highlight .s-cms-content ul {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 3rem;
		-moz-column-gap: 3rem;
		column-gap: 3rem
	}
}

@media (min-width:1024px) {
	.c-product-detail-highlight .s-cms-content ul {
		-webkit-column-gap: 5rem;
		-moz-column-gap: 5rem;
		column-gap: 5rem
	}
}

@media (min-width:768px) {
	.c-product-detail-highlight .u-text-center {
		text-align: left
	}
}

@media (max-width:767px) {
	.c-product-detail-highlight .c-btn {
		max-height: 3rem
	}
}

.c-product-detail-pdf a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-product-detail-pdf a:before {
	width: 22px;
	height: 26px;
	margin-right: .5rem;
	background: url(img/icon/pdf.svg) no-repeat 50%/auto;
	content: ""
}

.c-product-selection {
	position: relative;
	display: block;
	z-index: 1
}

@media (min-width:768px) {
	.c-product-selection {
		display: none
	}
}

.c-product-selection.js-active .c-product-selection__select:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.c-product-selection.js-active .c-product-selection__option {
	display: block
}

.c-product-selection__select {
	padding: .688rem 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border: 1px solid #e6e5e8;
	border-radius: .375rem
}

.c-product-selection__select:after {
	width: .625rem;
	height: .625rem;
	margin-left: auto;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23472487' d='M.742 1.078a.38.38 0 01-.068-.44.384.384 0 01.38-.243h7.891c.183 0 .31.08.381.244a.38.38 0 01-.068.44L5.303 5.853A.398.398 0 014.99 6a.398.398 0 01-.312-.146L.742 1.078z'/%3E%3C/svg%3E") no-repeat 50%/auto;
	content: ""
}

.c-product-selection__option {
	position: absolute;
	top: 3.375rem;
	left: 0;
	right: 0;
	height: calc(100vh - 11rem);
	display: none;
	border-radius: .375rem;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #fff;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.c-product-selection__option a {
	padding: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	font-size: 1rem;
	text-decoration: none;
	color: #706b7a
}

.c-product-selection__option a:first-child {
	background-color: #faf9fc
}

.c-product-selection__option .o-media {
	width: 100%
}

.c-product-selection__option .o-media-figure figure {
	width: auto;
	height: 4rem
}

.c-product-selection__option .o-media-figure img {
	width: auto;
	height: 100%
}

.c-product-selection__option .o-media-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media (max-width:767px) {
	.c-product-slider-a {
		display: none
	}
}

.c-product-slider-a a {
	display: block
}

.c-product-slider-a .slider {
	overflow: hidden
}

.c-product-slider-a .slick-list {
	margin: 0 -1rem
}

.c-product-slider-a .slick-slide {
	margin: 0 1rem;
	outline: none
}

.c-product-slider-a {
	position: relative
}

.c-product-slider-a .next-arrow,
.c-product-slider-a .prev-arrow {
	position: absolute;
	top: 50%;
	width: 3rem;
	height: 3rem;
	border: 2px solid #ee6b2d;
	border-radius: .375rem;
	background-color: #fff;
	font-size: 0;
	color: transparent;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer
}

.c-product-slider-a .next-arrow a,
.c-product-slider-a .prev-arrow a {
	display: block;
	height: 100%
}

.c-product-slider-a .next-arrow.slick-disabled,
.c-product-slider-a .prev-arrow.slick-disabled {
	border-color: #e6e5e8;
	cursor: default
}

.c-product-slider-a .next-arrow.slick-disabled a,
.c-product-slider-a .prev-arrow.slick-disabled a {
	opacity: .2
}

.c-product-slider-a .prev-arrow {
	left: -5rem
}

.c-product-slider-a .prev-arrow a {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.028 5.477c.223 0 .413.082.571.246a.748.748 0 01.22.58.73.73 0 01-.246.51.754.754 0 01-.527.21H2.973L6.77 10.68a.776.776 0 01.238.545.714.714 0 01-.22.545.737.737 0 01-.563.246c-.199 0-.375-.07-.527-.211L.495 6.795a.728.728 0 01-.246-.554c0-.217.082-.401.246-.553L5.663.694a.84.84 0 01.562-.21c.211 0 .39.078.536.237a.79.79 0 01.22.553c0 .211-.082.393-.246.545L2.938 5.477h10.09z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto
}

.c-product-slider-a .next-arrow {
	right: -5rem
}

.c-product-slider-a .next-arrow a {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.041 5.477h10.09L7.334 1.82a.719.719 0 01-.246-.545.79.79 0 01.22-.553.703.703 0 01.536-.238c.21 0 .398.07.562.211l5.168 4.992a.728.728 0 01.246.554.728.728 0 01-.246.554l-5.203 5.01a.754.754 0 01-.527.21.737.737 0 01-.563-.245.714.714 0 01-.22-.545.776.776 0 01.238-.545l3.797-3.657H1.023c-.199 0-.375-.07-.527-.21a.73.73 0 01-.246-.51.748.748 0 01.22-.58.765.765 0 01.571-.246z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto
}

.c-product-slider-b a {
	display: block
}

.c-product-slider-b .slider {
	overflow: hidden
}

.c-product-slider-b .slick-list {
	margin: 0 -.875rem 0 -1rem
}

.c-product-slider-b .slick-slide {
	margin: 0 1rem;
	outline: none
}

.c-product-slider-b header {
	margin-bottom: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:768px) {
	.c-product-slider-b header {
		margin-bottom: 1.75rem
	}
}

.c-product-slider-b header .u-h4 {
	margin-bottom: 0
}

.c-product-slider-b .next-arrow,
.c-product-slider-b .prev-arrow {
	width: 2.5rem;
	height: 2.5rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border: .125rem solid #ee6b2d;
	border-radius: 3.125rem;
	font-size: 0;
	color: transparent;
	cursor: pointer
}

.c-product-slider-b .next-arrow.slick-disabled,
.c-product-slider-b .prev-arrow.slick-disabled {
	border-color: #e6e5e8;
	cursor: default
}

.c-product-slider-b .prev-arrow {
	margin: 0 .75rem 0 auto;
	background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.654 15.5c.274 0 .495-.11.664-.332a.827.827 0 00.176-.625.805.805 0 00-.313-.566L2.741 7.98l7.401-5.957a.805.805 0 00.313-.566.827.827 0 00-.176-.625.805.805 0 00-.566-.312.827.827 0 00-.625.175L.846 7.316a.797.797 0 00-.332.664c0 .274.11.495.332.665l8.261 6.66a.88.88 0 00.547.195z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat .75rem/auto
}

@media (min-width:768px) {
	.c-product-slider-b .prev-arrow {
		margin: 0 1rem 0 auto
	}
}

.c-product-slider-b .prev-arrow.slick-disabled {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.64 15.5a.88.88 0 01-.546-.195L.832 8.645A.797.797 0 01.5 7.98c0-.273.11-.494.332-.664L9.074.696A.827.827 0 019.7.52c.235.026.423.13.567.312.143.182.201.39.175.625a.805.805 0 01-.312.566L2.727 7.98l7.441 5.997a.805.805 0 01.312.566.827.827 0 01-.175.625.797.797 0 01-.664.332z' fill='%23B7B5BC' fill-rule='nonzero'/%3E%3C/svg%3E")
}

.c-product-slider-b .next-arrow {
	background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.36 15.5a.88.88 0 00.546-.195l8.262-6.66a.797.797 0 00.332-.665.797.797 0 00-.332-.664L1.926.696A.827.827 0 001.3.52a.805.805 0 00-.567.312.827.827 0 00-.175.625c.026.234.13.423.312.566L8.273 7.98.832 13.977a.805.805 0 00-.312.566.827.827 0 00.175.625c.17.221.39.332.664.332z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat .875rem/auto
}

.c-product-slider-b .next-arrow.slick-disabled {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.346 15.5a.797.797 0 01-.664-.332.827.827 0 01-.176-.625.805.805 0 01.313-.566l7.44-5.997L.859 2.023a.805.805 0 01-.313-.566.827.827 0 01.176-.625.805.805 0 01.566-.312.827.827 0 01.625.175l8.242 6.621c.222.17.332.391.332.664 0 .274-.11.495-.332.665l-8.261 6.66a.88.88 0 01-.547.195z' fill='%23B7B5BC' fill-rule='nonzero'/%3E%3C/svg%3E")
}

.c-product-slider-b .c-product-thumbnail {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e6e5e8
}

.c-product-thumbnail {
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	border-radius: .375rem;
	background-color: #fff;
	position: relative;
	width: 100%;
	padding-top: 66.66667%;
	overflow: hidden
}

.c-product-thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.c-product-thumbnail.has-overlay {
	position: relative
}

@media (min-width:1024px) {
	.c-product-thumbnail.has-overlay:hover .c-product-thumbnail__overlay {
		visibility: visible;
		opacity: 1
	}
}

.c-product-thumbnail__overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(71, 36, 135, .9);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .875rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
	visibility: hidden;
	opacity: 0;
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.c-product-type-item {
	padding: 2rem 0
}

@media (min-width:320px) and (max-width:767px) {
	.c-product-type-item {
		display: block
	}
}

.c-product-type-item+.c-product-type-item {
	border-top: 1px solid #b7b5bc
}

@media (min-width:320px) and (max-width:767px) {
	.c-product-type-item .o-media-figure {
		margin: 0 0 1rem
	}
}

@media (min-width:768px) {
	.c-product-type-item .o-media-figure {
		min-width: 14rem;
		margin-right: 32px
	}
}

@media (min-width:1024px) {
	.c-product-type-item .o-media-figure {
		min-width: 22rem
	}
}

.c-product-type-item .o-media-figure figure {
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	border-radius: .375rem;
	position: relative;
	width: 100%;
	padding-top: 66.66667%;
	overflow: hidden
}

.c-product-type-item .o-media-figure figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.c-product-type-item .o-media-content .u-p {
	margin-bottom: .5rem
}

.c-product-type-item .o-media-content .u-p+p {
	font-size: 1rem;
	margin-bottom: 1rem
}

.c-product-type-tabs h3 {
	font-size: 1.5rem
}

.c-product-type-tabs .o-tabs-select {
	margin-bottom: .5rem
}

@media (min-width:1024px) {
	.c-product-type-tabs .o-tabs-select {
		display: none
	}
}

.c-product-type-tabs .o-tabs-select h3 {
	margin-bottom: 1rem
}

.c-product-type-tabs .o-tabs-select select {
	width: 100%
}

.c-product-type-tabs {
	display: block
}

@media (min-width:1024px) {
	.c-product-type-tabs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.c-product-type-tabs .o-tabs-list {
	width: auto;
	min-width: 16rem;
	display: none;
	-ms-flex-item-align: start;
	align-self: flex-start;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	border-radius: 6px;
	overflow: hidden
}

@media (min-width:1024px) {
	.c-product-type-tabs .o-tabs-list {
		display: block
	}
}

.c-product-type-tabs .o-tabs-list-item {
	height: 56px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1rem;
	border: 1px solid transparent;
	cursor: pointer
}

.c-product-type-tabs .o-tabs-list-item.js-active {
	background-color: #ee6b2d;
	color: #fff;
	cursor: auto
}

@media (min-width:1024px) {
	.c-product-type-tabs .o-tabs-content {
		width: 100%;
		padding-left: 2rem
	}
}

@media (min-width:320px) and (max-width:767px) {
	.c-product-type-tabs .o-tabs-content-item h3 {
		display: none
	}
}

.c-product-type-tabs .o-media-content h3 {
	display: block;
	font-size: 1.125rem
}

.c-references-grid .o-grid-item:nth-child(n+7) {
	display: none
}

.c-references-grid.js-show-all .o-grid-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-references-grid.js-show-all .o-footer {
	display: none
}

.c-references-item {
	margin-bottom: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-references-item .c-link {
	margin-top: auto
}

.c-references-item__cover {
	margin-bottom: 1rem;
	background-color: #faf9fc;
	border-radius: .375rem;
	position: relative;
	width: 100%;
	padding-top: 66.66667%;
	overflow: hidden
}

.c-references-item__cover img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.c-references-item__avatar {
	width: 2.5rem;
	height: 2.5rem;
	background-color: #faf9fc;
	border-radius: 100%;
	overflow: hidden;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (min-width:768px) {
	.c-references-item__avatar {
		width: 3.5rem;
		height: 3.5rem
	}
}

.c-references-item__title {
	font-size: 1.125rem;
	line-height: 1.5rem
}

.c-references-item__excerpt {
	margin: .5rem 0
}

.c-references-item__excerpt p {
	font-style: italic
}

.c-references-item__excerpt p:before {
	display: inline-block;
	content: "\201D"
}

.c-references-item__excerpt p:after {
	display: inline-block;
	content: "..."
}

.c-related-products {
	margin-top: 1rem
}

.c-related-products header {
	margin-bottom: 1rem
}

.c-series-header {
	padding: 2.5rem 0;
	background-color: #472487
}

@media (min-width:768px) {
	.c-series-header {
		padding: 1rem 0 2.5rem;
		overflow: hidden
	}
}

.c-series-header .o-container {
	width: 100%
}

.c-series-header .o-media {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-series-header .u-h5 {
	margin-bottom: 0;
	color: #fff
}

.c-series-header .c-breadcrumbs {
	margin-bottom: 40px
}

.c-series-header .c-breadcrumbs li {
	color: #cbb8e8
}

.c-series-header .c-breadcrumbs li:last-child {
	color: #faf9fc
}

.c-series-header .c-breadcrumbs li a {
	text-decoration: none;
	color: #cbb8e8
}

.c-series-header .c-breadcrumbs li a:hover {
	text-decoration: underline
}

.c-series-header__logo figure {
	width: 3.625rem;
	height: 3.625rem;
	border-radius: .125rem;
	overflow: hidden
}

.c-series-header__logo figure img {
	width: 100%
}

.c-series-products header {
	margin-bottom: 2.5rem
}

@media (min-width:768px) {
	.c-series-products header {
		margin-bottom: 2rem
	}
}

.c-series-products header h2 {
	margin-bottom: 0
}

@media (max-width:767px) {
	.c-series-products .o-grid-item {
		padding: 2rem 0 0
	}
}

@media (max-width:767px) {
	.c-series-products .o-grid-item:first-child {
		padding-top: 0
	}
}

@media (max-width:767px) {
	.c-series-products .o-grid-item+.o-grid-item {
		border-top: 1px solid #b7b5bc
	}
}

.c-service-detail-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -.5rem
}

@media (min-width:768px) and (max-width:1023px) {
	.c-service-detail-list {
		margin: 0 -.5rem
	}
}

@media (min-width:1024px) {
	.c-service-detail-list {
		margin: 0 -1rem
	}
}

@media (min-width:768px) {
	.c-service-detail-list.is-type-a .c-service-detail-item {
		width: 50%
	}
}

@media (min-width:768px) {
	.c-service-detail-list.is-type-b .c-service-detail-item {
		width: 33.33%
	}
}

.c-service-detail-item {
	width: 50%;
	margin-bottom: 1rem
}

@media (min-width:768px) {
	.c-service-detail-item {
		width: 25%
	}
}

.c-service-detail-item label {
	position: relative;
	margin: 0 .5rem;
	padding: .25rem;
	min-height: 3.75rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #b7b5bc;
	border-radius: .375rem;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	color: #706b7a;
	cursor: pointer
}

@media (min-width:768px) and (max-width:1023px) {
	.c-service-detail-item label {
		margin: 0 .5rem
	}
}

@media (min-width:1024px) {
	.c-service-detail-item label {
		margin: 0 1rem
	}
}

.c-service-detail-item input[type=checkbox],
.c-service-detail-item input[type=radio] {
	position: absolute;
	opacity: 0
}

.c-service-detail-item[class*=has-icon] label {
	min-height: 7.5rem
}

.c-service-detail-item[class*=has-icon] label:before {
	width: 3rem;
	height: 3rem;
	margin-bottom: 1rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: auto;
	content: ""
}

.c-service-detail-item.js-active label {
	border: 2px solid #472487;
	color: #472487
}

.c-service-detail-item.has-icon-event label:before {
	background-image: url(img/icon/event.svg)
}

.c-service-detail-item.has-icon-event.js-active label:before {
	background-image: url(img/icon/event-active.svg)
}

.c-service-detail-item.has-icon-concert label:before {
	background-image: url(img/icon/concert.svg)
}

.c-service-detail-item.has-icon-concert.js-active label:before {
	background-image: url(img/icon/concert-active.svg)
}

.c-service-detail-item.has-icon-construction label:before {
	background-image: url(img/icon/construction.svg)
}

.c-service-detail-item.has-icon-construction.js-active label:before {
	background-image: url(img/icon/construction-active.svg)
}

.c-service-detail-item.has-icon-aircon label:before {
	background-image: url(img/icon/aircon.svg)
}

.c-service-detail-item.has-icon-aircon.js-active label:before {
	background-image: url(img/icon/aircon-active.svg)
}

.c-service-detail-item.has-icon-calendar label:before {
	background-image: url(img/icon/calendar.svg)
}

.c-service-detail-item.has-icon-calendar.js-active label:before {
	background-image: url(img/icon/calendar-active.svg)
}

.c-service-detail-item.has-icon-fixing label:before {
	background-image: url(img/icon/fixing.svg)
}

.c-service-detail-item.has-icon-fixing.js-active label:before {
	background-image: url(img/icon/fixing-active.svg)
}

.c-service-detail-item.has-icon-other label:before {
	background-image: url(img/icon/other.svg)
}

.c-service-detail-item.has-icon-other.js-active label:before {
	background-image: url(img/icon/other-active.svg)
}

.c-service-detail-item.has-icon-cctv label:before {
	background-image: url(img/icon/cctv.svg)
}

.c-service-detail-item.has-icon-cctv.js-active label:before {
	background-image: url(img/icon/cctv-active.svg)
}

.c-service-detail-item.has-icon-sound label:before {
	background-image: url(img/icon/sound.svg)
}

.c-service-detail-item.has-icon-sound.js-active label:before {
	background-image: url(img/icon/sound-active.svg)
}

.c-service-detail-item.has-icon-phone label:before {
	background-image: url(img/icon/phone.svg)
}

.c-service-detail-item.has-icon-phone.js-active label:before {
	background-image: url(img/icon/phone-active.svg)
}

@media (max-width:767px) {
	#service-detail-modal {
		padding-bottom: 0
	}
}

@media (max-width:767px) {
	#service-detail-modal .c-form-footer {
		margin: 0 -1rem
	}
}

@media (max-width:767px) {
	#service-detail-modal .c-btn {
		width: 100%;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: .375rem;
		border-bottom-left-radius: .375rem
	}
}

#service-detail-form.js-inactive {
	display: none
}

.c-service-detail-success {
	min-height: 70vh;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.c-service-detail-success.js-active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:767px) {
	.c-service-detail-success {
		margin: 0 -1rem
	}
}

.c-service-detail-success figure {
	margin: auto 0 2.5rem;
	max-width: 5rem;
	max-height: 5rem
}

@media (min-width:768px) {
	.c-service-detail-success figure {
		max-width: 7.5rem;
		max-height: 7.5rem
	}
}

.c-service-detail-success .u-h4,
.c-service-detail-success p {
	width: 80%;
	max-width: 28rem
}

.c-service-detail-success .c-btn {
	margin-top: auto
}

@media (min-width:768px) {
	.c-service-detail-success .c-btn {
		min-width: 11.625rem
	}
}

.c-related-series {
	padding: 2.5rem 0 3.5rem
}

@media (min-width:768px) {
	.c-related-series {
		padding-bottom: 6.25rem
	}
}

.c-show-more {
	position: relative
}

.c-show-more.has-toggler {
	padding: 0 2.5rem 1rem 0
}

.c-show-more.has-toggler .c-show-more-toggler {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.c-show-more.is-collapsed {
	height: 4.5rem;
	overflow: hidden
}

.c-show-more.is-collapsed .c-show-more-toggler:before {
	display: block
}

.c-show-more-toggler {
	position: absolute;
	bottom: 0;
	right: 0;
	display: none;
	padding-left: .5rem;
	color: #b7b5bc;
	z-index: 1
}

.c-show-more-toggler:before {
	margin-right: .25rem;
	display: none;
	color: #706b7a;
	content: "..."
}

.c-show-more-toggler span {
	text-decoration: underline
}

.c-site-header-mobile {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	z-index: 99
}

@media (min-width:1024px) {
	.c-site-header-mobile {
		display: none
	}
}

.c-site-header-mobile .o-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-site-header-mobile .c-link,
.c-site-title a {
	font-size: 0;
	color: transparent
}

.c-site-title a {
	width: 5rem;
	height: 2rem;
	display: block;
	background: url(img/das-intergroup-logo.svg) no-repeat 50%/contain
}

@media (min-width:1024px) {
	.c-site-title a {
		width: 6.375rem;
		height: 5rem
	}
}

a.c-social-link {
	width: 2rem;
	height: 2rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-origin: center;
	background-size: contain;
	font-size: 0;
	color: transparent
}

a.c-social-link.has-icon-fb {
	background-image: url(img/icon/fb.svg)
}

a.c-social-link.has-icon-line {
	background-image: url(img/icon/line.svg)
}

a.c-social-link.has-icon-email {
	background-image: url(img/icon/email.svg)
}

.c-sub-navigation {
	height: 100%;
	min-height: 2.5rem;
	padding: 1.5rem .5rem;
	background-color: #472487;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

@media (min-width:1024px) {
	.c-sub-navigation {
		height: auto;
		padding: 0
	}
}

.c-secondary-menu {
	width: 100%
}

@media (min-width:1024px) {
	.c-secondary-menu .menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media (min-width:1024px) {
	.c-secondary-menu .menu-item+.menu-item {
		margin-left: 2.5rem
	}
}

.c-secondary-menu .menu-item.c-line-account {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #fff
}

.c-secondary-menu .menu-item.c-line-account:before {
	width: 1.5rem;
	height: 1.5rem;
	background-size: contain
}

@media (min-width:1024px) {
	.c-secondary-menu .menu-item.c-line-account {
		margin-top: 0;
		margin-left: auto;
		padding-top: 0;
		border: none
	}
}

.c-secondary-menu .menu-item a {
	min-height: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1rem;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff
}

@media (min-width:1024px) {
	.c-secondary-menu .menu-item a {
		min-height: 2.5rem;
		font-size: .875rem
	}
}

@media (min-width:1024px) {
	.c-sub-navigation .o-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.c-tabs {
	margin: 2.5rem 0
}

.c-tabs-select {
	display: block
}

@media (min-width:1024px) {
	.c-tabs-select {
		display: none
	}
}

.c-tabs-select select {
	width: 100%
}

.c-tabs-list {
	display: none;
	border-bottom: 1px solid #d8d8d8
}

@media (min-width:1024px) {
	.c-tabs-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.c-tabs-list-item {
	padding: .5rem 1rem
}

.c-tabs-list-item.js-active {
	position: relative;
	color: #ee6b2d
}

.c-tabs-list-item.js-active:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #ee6b2d;
	content: ""
}

.c-tabs-list-item.js-active a {
	color: #ee6b2d
}

.c-tabs-list-item a {
	display: block;
	text-decoration: none;
	color: #706b7a
}

@media (min-width:768px) {
	.c-terms {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding-bottom: 8rem
	}
}

@media (min-width:768px) {
	.c-terms.js-fixed .c-terms-nav {
		position: fixed;
		top: 2rem
	}
}

.c-terms.js-fixed .c-terms-content {
	width: 100%
}

@media (min-width:768px) and (max-width:1023px) {
	.c-terms.js-fixed .c-terms-content {
		padding-left: 20rem
	}
}

@media (min-width:1024px) {
	.c-terms.js-fixed .c-terms-content {
		padding-left: 26rem
	}
}

@media (min-width:768px) {
	.c-terms.js-invisible .c-terms-nav {
		visibility: hidden;
		opacity: 0
	}
}

.c-terms-nav {
	width: 16rem;
	display: none;
	background: #fff;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	border-radius: .375rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

@media (min-width:768px) {
	.c-terms-nav {
		display: block
	}
}

.c-terms-nav li.active a {
	background-color: #ee6b2d;
	color: #fff
}

.c-terms-nav li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	padding: 1rem;
	color: #706b7a
}

@media (min-width:768px) and (max-width:1023px) {
	.c-terms-content {
		width: 100%;
		padding-left: 4rem
	}
}

@media (min-width:1024px) {
	.c-terms-content {
		width: 100%;
		padding-left: 10rem
	}
}

.c-terms-content h1,
.c-terms-content h2,
.c-terms-content h3,
.c-terms-content h4,
.c-terms-content h5,
.c-terms-content h6 {
	font-size: 24px;
	color: #ee6b2d
}

.c-terms-content article {
	margin-bottom: 5rem
}

.c-terms-content article p:not(:last-child) {
	margin-bottom: 1rem
}

.c-terms-content article span {
	margin-bottom: 6.25rem;
	display: block
}

.c-testimonial-company {
	padding: 0 0 2rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-style: italic
}

@media (min-width:768px) {
	.c-testimonial-company {
		display: block;
		text-align: center
	}
}

@media (min-width:1024px) {
	.c-testimonial-company {
		padding: 2rem;
		text-align: center
	}
}

.c-testimonial-company__figure {
	max-width: 10rem;
	height: auto;
	margin-right: 1rem;
	border: 1px solid #e6e5e8;
	border-radius: .375rem;
	overflow: hidden
}

@media (min-width:768px) {
	.c-testimonial-company__figure {
		margin: 0 auto 1rem
	}
}

.c-usp-list {
	padding: 2.5rem 0
}

@media (min-width:768px) {
	.c-usp-list {
		padding: 3rem 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.c-usp-list.is-type-a {
	padding: 0
}

@media (min-width:768px) {
	.c-usp-list.is-type-a {
		padding: 1.5rem 0
	}
}

@media (min-width:1024px) {
	.c-usp-list.is-type-a .c-usp__item {
		width: 33.33%
	}
}

@media (min-width:768px) {
	.c-usp-list.is-type-a .c-usp__item:before {
		width: 2rem;
		height: 2rem
	}
}

@media (min-width:768px) {
	.c-usp-list.is-type-b {
		display: block
	}
}

.c-usp-list.is-type-b .c-usp__item {
	width: 100%
}

@media (min-width:768px) {
	.c-usp-list.is-type-b .c-usp__item:not(:last-child) {
		margin-bottom: 2.5rem
	}
}

@media (min-width:768px) {
	.c-usp-list.is-type-c .c-usp__item {
		width: 50%
	}
}

@media (min-width:768px) {
	.c-usp-list.is-type-c .c-usp__item:nth-child(-n+2) {
		margin-bottom: 2.5rem
	}
}

.c-usp__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:767px) {
	.c-usp__item:not(:last-child) {
		margin-bottom: 1.5rem
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.c-usp__item:nth-child(-n+2) {
		margin-bottom: 1.5rem
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.c-usp__item {
		width: 50%;
		padding-right: 1rem
	}
}

@media (min-width:1024px) {
	.c-usp__item {
		width: 25%;
		padding-right: 1rem
	}
}

.c-usp__item:before {
	width: 2rem;
	height: 2rem;
	margin-right: .5rem;
	background: #472487 no-repeat 50%/contain;
	border-radius: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	content: ""
}

@media (min-width:768px) {
	.c-usp__item:before {
		width: 3rem;
		height: 3rem
	}
}

.c-usp__item.has-icon-work:before {
	background-image: url(img/icon/usp-work.svg)
}

.c-usp__item.has-icon-tool:before {
	background-image: url(img/icon/usp-tool.svg)
}

.c-usp__item.has-icon-globe:before {
	background-image: url(img/icon/usp-globe.svg)
}

.c-usp__item.has-icon-price:before {
	background-image: url(img/icon/usp-price.svg)
}

.c-usp__item.has-icon-check:before {
	background-image: url(img/icon/usp-check.svg)
}

@media (max-width:767px) {
	.c-usp {
		padding: 1rem 0
	}
}

@media (max-width:767px) {
	.c-usp .c-usp-list {
		padding: 1rem 0 1.5rem
	}
}

.c-usp-toggler {
	display: none;
	text-decoration: underline;
	color: #ee6b2d
}

.c-usp-toggler:after {
	width: 1rem;
	height: 1rem;
	margin-left: .25rem;
	background: url(img/icon/down-orange.svg) no-repeat 50%/auto;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	content: ""
}

.c-usp.has-toggler .c-usp-toggler {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-usp.is-collapsed .c-usp-list {
	height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden
}

.c-usp.is-collapsed .c-usp-toggler:after {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

#video-modal {
	width: 80%;
	max-width: none;
	height: 0;
	padding: 0 0 45%;
	position: relative
}

@media (min-width:1024px) {
	#video-modal {
		max-width: 45rem;
		padding-bottom: 25.375rem
	}
}

#video-modal embed,
#video-modal iframe,
#video-modal object {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

@media (min-width:768px) {
	.c-why-das-we-care {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.c-why-das-we-care-item {
	margin-bottom: 2rem
}

@media (min-width:768px) {
	.c-why-das-we-care-item {
		width: 50%;
		margin-bottom: 2.5rem
	}
}

@media (min-width:768px) {
	.c-why-das-we-care-item:nth-child(odd) {
		padding-right: 3rem
	}
}

@media (min-width:768px) {
	.c-why-das-we-care-item:nth-child(2n+2) {
		padding-left: 48px
	}
}

.c-why-das-we-care-figure {
	margin-bottom: .5rem;
	background-color: #472487;
	border-radius: .375rem;
	position: relative;
	width: 100%;
	padding-top: 57.14286%;
	overflow: hidden
}

.c-why-das-we-care-figure.is-light-bg {
	background-color: #faf9fc
}

.c-why-das-we-care-figure.is-orange-bg {
	background-color: #ee6b2d
}

.c-why-das-we-care-figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 80%
}

.c-why-das-we-care-item h3 {
	font-size: 1.5rem
}

@media (min-width:768px) {

	.c-why-das-team-a,
	.c-why-das-team-b {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.c-why-das-team-b {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-why-das-team-b>.o-grid-item:first-child {
	width: 50%
}

@media (min-width:768px) {
	.c-why-das-team-b>.o-grid-item:first-child {
		width: 33.33%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
}

.c-why-das-team-b>.o-grid-item:nth-child(2) {
	width: 50%
}

@media (min-width:768px) {
	.c-why-das-team-b>.o-grid-item:nth-child(2) {
		width: 33.33%;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}
}

.c-why-das-team-b>.o-grid-item:last-child {
	width: 100%
}

@media (min-width:768px) {
	.c-why-das-team-b>.o-grid-item:last-child {
		width: 33.33%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
}

.c-why-das-team-figure-a,
.c-why-das-team-figure-b {
	position: relative;
	border-radius: .375rem;
	overflow: hidden
}

.c-why-das-team-figure-a img,
.c-why-das-team-figure-b img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.c-why-das-team-figure-a {
	position: relative;
	width: 100%;
	padding-top: 66.66667%;
	overflow: hidden
}

.c-why-das-team-figure-b {
	width: 50%;
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden
}

.c-why-das-msg {
	position: relative;
	min-height: 25rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-why-das-msg:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: url(img/bg/bg-why-das-msg.jpg) no-repeat 0/auto;
	opacity: 1;
	content: ""
}

@media (min-width:768px) {
	.c-why-das-msg:after {
		display: block
	}
}

.c-why-das-msg-content {
	position: relative;
	max-width: 27rem;
	margin-left: auto;
	z-index: 1
}

.c-why-das-msg-content .u-h4,
.c-why-das-msg-content .u-p {
	color: #fff
}

.c-language-switcher {
	position: relative;
	font-size: .875rem;
	color: #fff;
	cursor: pointer
}

@media (min-width:1024px) {
	.c-language-switcher {
		margin-left: auto;
		padding-left: 1.5rem;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
	}
}

.c-language-switcher li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-language-switcher img {
	margin-right: .5rem;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.c-language-switcher a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: .875rem;
	color: #fff
}

.c-language-switcher_current {
	display: none
}

.c-language-switcher_current:after {
	width: .5rem;
	height: .5rem;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.125.732a.387.387 0 01-.078-.47C.129.086.274 0 .483 0h9.034c.209 0 .354.087.436.261a.387.387 0 01-.078.47L5.347 5.844A.469.469 0 014.989 6a.469.469 0 01-.358-.157L.125.732z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto;
	content: ""
}

@media (min-width:1024px) {
	.c-language-switcher_current {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.c-language-switcher.js-active .c-language-switcher_current:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media (min-width:1024px) {
	.c-language-switcher.js-active .sub-menu {
		display: block
	}
}

@media (min-width:1024px) {
	.c-language-switcher .sub-menu {
		position: absolute;
		top: calc(100% + .5rem);
		right: 0;
		display: none;
		border-radius: .375rem;
		background-color: #fff;
		-webkit-box-shadow: 0 0 .125rem 0 rgba(0, 0, 0, .14), 0 .125rem .125rem 0 rgba(0, 0, 0, .12), 0 .063rem .188rem 0 rgba(0, 0, 0, .2);
		box-shadow: 0 0 .125rem 0 rgba(0, 0, 0, .14), 0 .125rem .125rem 0 rgba(0, 0, 0, .12), 0 .063rem .188rem 0 rgba(0, 0, 0, .2)
	}
}

.c-language-switcher .sub-menu li {
	min-width: 8rem;
	padding: .5rem 0;
	color: #fff
}

@media (min-width:1024px) {
	.c-language-switcher .sub-menu li {
		padding: .5rem 1rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		color: #706b7a
	}
}

@media (min-width:1024px) {
	.c-language-switcher .sub-menu a {
		color: #472487
	}
}

.js-freeze .o-site {
	height: 100vh;
	overflow-y: hidden
}

.js-freeze .c-site-header-mobile {
	position: absolute;
	z-index: auto
}

body.js-prevent-scrolling {
	overflow-y: hidden
}

.u-h1,
.u-h2,
.u-h3,
.u-h4,
.u-h5 {
	margin-bottom: 1rem
}

.u-h1 span,
.u-h2 span,
.u-h3 span,
.u-h4 span,
.u-h5 span {
	color: #ee6b2d
}

.u-h1 {
	font-size: 3rem;
	line-height: 3.5rem
}

@media (min-width:1024px) {
	.u-h1 {
		font-size: 3.75rem;
		line-height: 3.75rem
	}
}

.u-h2 {
	font-size: 2rem;
	line-height: 2.375rem
}

@media (min-width:1024px) {
	.u-h2 {
		font-size: 3rem;
		line-height: 3.5rem
	}
}

.u-h3 {
	font-size: 2rem;
	line-height: 2.375rem
}

@media (min-width:1024px) {
	.u-h3 {
		font-size: 2.5rem;
		line-height: 3rem
	}
}

.u-h4 {
	font-size: 1.5rem;
	line-height: 1.75rem
}

@media (min-width:1024px) {
	.u-h4 {
		font-size: 2rem;
		line-height: 2.375rem
	}
}

.u-h5 {
	font-size: 1.125rem;
	line-height: 1.5rem
}

@media (min-width:1024px) {
	.u-h5 {
		font-size: 1.5rem;
		line-height: 1.75rem
	}
}

.u-h6 {
	font-size: 1.1rem;
	line-height: 1.5rem
}

@media (min-width:1024px) {
	.u-h6 {
		font-size: 1.25rem;
		line-height: 1.75rem
	}
}

.wp-block-heading h1 strong {
	line-height: 1.75rem;
	font-weight: bold;
}

.wp-block-heading h2 strong,
.wp-block-heading h3 strong,
.wp-block-heading h4 strong {
	line-height: 1.5rem;
	font-weight: bold;
}

h1, .wp-block-heading h1 {
	font-size: 1.5rem;
	line-height: 1.75rem
}

@media (min-width: 1024px) {
	h1,
	.wp-block-heading h1 {
		font-size: 2rem;
		line-height: 2.375rem
	}
}

h2, .wp-block-heading h2 {
	font-size: 1.5rem;
	line-height: 1.75rem
}

@media (min-width: 1024px) {
	h2,
	.wp-block-heading h2 {
		font-size: 1.5rem;
		line-height: 1.75rem
	}
}

h3, .wp-block-heading h3 {
	font-size: 1.125rem;
	line-height: 1.5rem
}

@media (min-width: 1024px) {
	h3,
	.wp-block-heading h3 {
		font-size: 1.25rem;
		line-height: 1.75rem
	}
}

h4, .wp-block-heading h4 {
	font-size: 1.1rem;
	line-height: 1.5rem
}

@media (min-width: 1024px) {
	h4,
	.wp-block-heading h4 {
		font-size: 1.25rem;
		line-height: 1.75rem
	}
}

.u-h1.has-underline:after,
.u-h2.has-underline:after,
.u-h3.has-underline:after,
.u-h4.has-underline:after,
.u-h5.has-underline:after,
.u-h6.has-underline:after {
	width: 3.75rem;
	height: .125rem;
	display: block;
	margin: 1.5rem 0;
	background-color: #ee6b2d;
	border-radius: .25rem;
	content: ""
}

body.page-careers .o-hero {
	background: url(img/bg/bg-careers.jpg) no-repeat calc(100% + 20rem) 50%/auto 100%
}

@media (min-width:768px) {
	body.page-careers .o-hero {
		background-position: calc(100% + 22rem) top;
		background-size: auto
	}
}

@media (min-width:1280px) {
	body.page-careers .o-hero {
		background-position: 100% 0
	}
}

body.page-careers .o-hero .archive-description {
	max-width: 34rem
}

body.page-careers .o-hero .archive-description p:not(:last-child) {
	margin-bottom: 1.5rem
}

body.page-careers .wpcf7-form .c-field.is-center {
	max-width: 432px;
	margin: 0 auto
}

body.page-careers .wpcf7-form .c-field.is-center label {
	text-align: center
}

body.page-aircon-services .o-hero,
body.page-cctv-rental-service .o-hero {
	min-height: 30rem
}

body.page-cctv-rental-service .o-hero:after {
	background-image: url(img/bg/cctv-rental-service.jpg)
}

body.page-aircon-services .o-hero:after {
	background-image: url(img/bg/aircon-services.jpg)
}

body.page-aircon-services .o-hero,
body.page-cctv-rental-service .o-hero {
	position: relative;
	background: none
}

body.page-aircon-services .o-hero:after,
body.page-cctv-rental-service .o-hero:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f9f8fb;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: auto 100%;
	z-index: -1;
	opacity: .1;
	content: ""
}

@media (min-width:1024px) {

	body.page-aircon-services .o-hero:after,
	body.page-cctv-rental-service .o-hero:after {
		opacity: 1
	}
}

body.page-aircon-services .c-page-description,
body.page-cctv-rental-service .c-page-description {
	margin-bottom: 0
}

@media (min-width:768px) {

	body.page-aircon-services .c-page-description,
	body.page-cctv-rental-service .c-page-description {
		max-width: 22rem
	}
}

@media (min-width:768px) {

	body.page-aircon-services #service-form,
	body.page-cctv-rental-service #service-form {
		width: 100%;
		max-width: 28rem;
		margin-left: auto
	}
}

body.page-aircon-services #service-form .c-form-header,
body.page-cctv-rental-service #service-form .c-form-header {
	margin-bottom: 2.5rem
}

body.page-aircon-services #service-form .c-form-body,
body.page-cctv-rental-service #service-form .c-form-body {
	margin-bottom: 2rem
}

body.page-aircon-services .note {
	margin-bottom: 1rem
}

body.page-aircon-services .o-offset-main-content,
body.page-cctv-rental-service .o-offset-main-content {
	position: relative;
	margin-top: -31em;
	padding: 4rem 0 2rem
}

@media (min-width:768px) {

	body.page-aircon-services .o-offset-main-content,
	body.page-cctv-rental-service .o-offset-main-content {
		margin-top: -28rem
	}
}

body.page-aircon-services .o-offset-main-content+.o-section,
body.page-cctv-rental-service .o-offset-main-content+.o-section {
	padding-top: 2rem
}

@media (min-width:768px) {
	body.page-contact-us .o-section {
		padding-top: 0;
		background: #faf9fc url(img/bg-contact-us.jpg) no-repeat right 1px/auto 100%
	}
}

body.page-contact-us .c-breadcrumbs {
	margin-bottom: 3.75rem
}

body.page-conversion-thank-you .o-hero {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff
}

body.page-conversion-thank-you .o-hero .o-container {
	max-width: 28rem;
	text-align: center
}

body.page-conversion-thank-you .c-thank-you figure {
	margin-bottom: 40px
}

@media (max-width:767px) {
	body.page-conversion-thank-you .c-thank-you img {
		max-width: 5rem
	}
}

@media (min-width:1280px) {
	body.page-conversion .c-page-description {
		max-width: 26rem
	}
}

body.page-conversion .c-usp-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 1rem -1rem
}

body.page-conversion .c-usp-icon img {
	margin: .5rem 1rem
}

body.page-conversion .c-usp-bullet {
	padding-left: 1.5rem;
	list-style-position: inside;
	color: #472487;
	list-style: disc;
	text-align: left
}

body.page-conversion .o-site-footer {
	display: none
}

body.page-conversion .o-grid-item {
	text-align: center
}

@media (min-width:768px) {
	body.page-conversion .o-grid-item {
		text-align: left
	}
}

/*for Conversion Aircon and CCTV start here */
@media (min-width:1280px) {
	body.page-conversion-aircon .c-page-description {
		max-width: 26rem
	}
}

body.page-conversion-aircon .c-usp-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 1rem -1rem
}

body.page-conversion-aircon .c-usp-icon img {
	margin: .5rem 1rem
}

body.page-conversion-aircon .c-usp-bullet {
	padding-left: 1.5rem;
	list-style-position: inside;
	color: #472487;
	list-style: disc;
	text-align: left
}

body.page-conversion-aircon .o-site-footer {
	display: none
}

body.page-conversion-aircon .o-grid-item {
	text-align: center
}

@media (min-width:768px) {
	body.page-conversion-aircon .o-grid-item {
		text-align: left
	}
}

@media (min-width:1280px) {
	body.page-conversion-cctv .c-page-description {
		max-width: 26rem
	}
}

body.page-conversion-cctv .c-usp-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 1rem -1rem
}

body.page-conversion-cctv .c-usp-icon img {
	margin: .5rem 1rem
}

body.page-conversion-cctv .c-usp-bullet {
	padding-left: 1.5rem;
	list-style-position: inside;
	color: #472487;
	list-style: disc;
	text-align: left
}

body.page-conversion-cctv .o-site-footer {
	display: none
}

body.page-conversion-cctv .o-grid-item {
	text-align: center
}

@media (min-width:768px) {
	body.page-conversion-cctv .o-grid-item {
		text-align: left
	}
}

/*for Conversion Aircon and CCTV end here */

body.page-home .c-footer-contact:after {
	background-color: #faf9fc
}

body.page-references .o-hero,
body.post-type-archive-references .o-hero {
	min-height: 25rem
}

@media (max-width:767px) {

	body.page-references .o-hero,
	body.post-type-archive-references .o-hero {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

body.page-references .o-hero:after,
body.post-type-archive-references .o-hero:after {
	background-image: url(img/bg/bg-references.jpg)
}

body.page-references .o-hero,
body.post-type-archive-references .o-hero {
	position: relative;
	background: none
}

body.page-references .o-hero:after,
body.post-type-archive-references .o-hero:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fbfbfd;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: auto 100%;
	opacity: .1;
	content: ""
}

@media (min-width:768px) {

	body.page-references .o-hero:after,
	body.post-type-archive-references .o-hero:after {
		z-index: -1
	}
}

@media (min-width:1024px) {

	body.page-references .o-hero:after,
	body.post-type-archive-references .o-hero:after {
		opacity: 1
	}
}

body.page-references .archive-description,
body.post-type-archive-references .archive-description {
	max-width: 23rem
}

@media (min-width:768px) {

	body.page-stories .o-section,
	body.post-type-archive-stories .o-section {
		padding-top: 3rem
	}
}

body.page-terms-of-services .o-site {
	padding-top: 0
}

body.page-terms-of-services .c-site-header-mobile {
	position: relative
}

@media (min-width:1024px) {
	body.page-terms-of-services .o-site-header {
		position: relative
	}
}

body.page-terms-of-services .c-breadcrumbs {
	margin-top: 1rem;
	display: none
}

@media (min-width:1024px) {
	body.page-terms-of-services .c-breadcrumbs {
		display: block
	}
}

body.page-terms-of-services .o-section {
	padding-top: 2.5rem
}

@media (min-width:1024px) {
	body.page-terms-of-services .o-section {
		padding-top: 5rem
	}
}

body.page-terms-of-services .u-h3 {
	margin-bottom: 0
}

body.page-terms-of-services .u-h3+p {
	margin-bottom: 40px
}

body.page-why-das .o-hero {
	min-height: 30rem
}

@media (max-width:767px) {
	body.page-why-das .o-hero {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

body.page-why-das .o-hero:after {
	background-image: url(img/bg/bg-why-das.jpg)
}

body.page-why-das .page-header {
	max-width: 28rem
}

body.page-why-das .o-hero {
	position: relative;
	background: none
}

body.page-why-das .o-hero:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fbfbfd;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: auto 100%;
	opacity: .1;
	content: ""
}

@media (min-width:768px) {
	body.page-why-das .o-hero:after {
		z-index: -1
	}
}

@media (min-width:1024px) {
	body.page-why-das .o-hero:after {
		opacity: 1
	}
}

body.tax-product_category .o-hero {
	background-repeat: no-repeat;
	background-position: calc(100% + 18rem) top;
	background-size: 100%
}

@media (min-width:768px) {
	body.tax-product_category .o-hero {
		background-position: calc(100% + 22rem) top;
		background-size: auto
	}
}

@media (min-width:1280px) {
	body.tax-product_category .o-hero {
		background-position: 100% 0
	}
}

body.tax-product_category .o-hero h1 {
	color: #ee6b2d
}

body.tax-product_category .o-hero h1 span {
	color: #110821
}

body.tax-product_category .o-hero .archive-description {
	max-width: 46rem
}

body.tax-product_category .o-section {
	padding: 2.5rem 0
}

body.single-product .c-footer-contact {
	padding-top: 2.5rem;
	background-color: #edebf1
}

@media (min-width:768px) {
	body.single-product .c-footer-contact {
		padding-top: 5rem
	}
}

body.single-product .c-footer-contact:after {
	background-color: #edebf1
}

@media (min-width:768px) {

	body.page-promotions .o-section,
	body.post-type-archive-promotions .o-section,
	body.tax-promotions_category .o-section {
		padding-top: 3rem
	}
}

@media (max-width:767px) {
	body.single-promotions .o-section:not(.is-light-bg) {
		padding-top: 0
	}
}

body.single-promotions .c-footer-contact {
	padding-top: 2rem
}

@media (min-width:768px) {
	body.single-promotions .c-footer-contact {
		padding-top: 4rem
	}
}

body.single-promotions .c-footer-contact:after {
	background-color: #faf9fc
}

body.single-promotions .slick-list {
	padding: .5rem
}

@media (min-width:768px) {

	body.page-blog .o-section,
	body.post-type-archive-blog .o-section,
	body.tax-blog_category .o-section {
		padding-top: 3rem
	}
}

@media (max-width:767px) {
	body.single-blog .o-section:not(.is-light-bg) {
		padding-top: 0
	}
}

body.single-blog .c-footer-contact {
	padding-top: 2rem
}

@media (min-width:768px) {
	body.single-blog .c-footer-contact {
		padding-top: 4rem
	}
}

body.single-blog .c-footer-contact:after {
	background-color: #faf9fc
}

body.single-blog .slick-list {
	padding: .5rem
}

body.single-references .c-article-header:after {
	margin-top: 1rem
}

@media (min-width:768px) {
	body.single-references .c-article-header:after {
		margin-top: 2rem
	}
}

body.single-references .slick-slide,
body.single-references .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

body.single-references .slick-slide {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: auto
}

.u-text-bold {
	font-weight: 500
}

.u-text-black {
	color: #110821
}

.u-text-orange {
	color: #ee6b2d
}

.u-text-gray {
	color: #706b7a
}

.u-text-white {
	color: #fff
}

.u-text-center {
	text-align: center
}

.u-p {
	font-size: 1.125rem;
	line-height: 1.5rem
}

.u-p.has-bottom-margin {
	margin-bottom: 1rem
}

.u-small {
	font-size: 1rem;
	line-height: 1.5rem
}



/* 15-09-2025 for Aircon All brands page
https://dasintergroup.com/product-category/aircon/air-12000-btu/ */
/* === ADD-ONLY: Responsive product grid & card polish === */

/* Tablets: 3 columns */
@media (max-width: 1023px) {
  .o-grid--4cols {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}

/* Phones: 2 columns */
@media (max-width: 767px) {
  .o-grid--4cols {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

/* Very small phones: 1 column */
@media (max-width: 380px) {
  .o-grid--4cols {
    grid-template-columns: 1fr;
  }
}

.c-product-card__thumb {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;   /* remove inline-gap */
}

.c-product-card__thumb img {
  display: block;   /* removes bottom whitespace */
  width: 100%;
  height: auto;
  object-fit: cover; /* optional: makes image fill nicely */
}



/* Slightly smaller text on phones for nicer wrap */
@media (max-width: 767px) {
  .c-product-card__title { font-size: 14px; line-height: 1.35; }
  .c-product-card__meta  { font-size: 13px; }
}

/* Make the CTA comfy on mobile (uses your existing .c-btn) */
@media (max-width: 767px) {
  .c-product-card .c-btn { width: 100%; min-height: 2.5rem; padding: .5rem 1rem; }
}

/* Center align product type headings only on mobile */
@media (max-width: 767px) {
  .c-product-section-title {
    text-align: center;
  }
}