@charset "UTF-8";

body #pages-wrapper>article.collection-components,
body #pages-wrapper>article.collection-kitchens,
body #pages-wrapper>article.search {
	min-height: 100vh
}

#pages-wrapper>article.homepage:after,
body.interaction-disabled:after {
	bottom: 0;
	background-color: #f4f4f4;
	right: 0;
	content: ''
}

body.prevent-scroll,
body.zoom-registered {
	overflow: hidden;
	-webkit-overflow-scrolling: auto
}

#pages-wrapper>article.homepage:after,
a.animated-underline,
body.interaction-disabled:after {
	top: 0;
	left: 0;
	overflow: hidden;
	box-sizing: border-box
}

body #scrollable-wrapper.ios-fix-prevent-scroll {
	width: 100%;
	height: calc(100vh - 70px)
}

html.menu-hidden body #scrollable-wrapper.ios-fix-prevent-scroll {
	height: 100vh
}

html.mobile body #scrollable-wrapper.ios-fix-prevent-scroll {
	height: calc(100vh - (70px + 69px))
}

html.menu-hidden html.mobile body #scrollable-wrapper.ios-fix-prevent-scroll {
	height: calc(100vh - 69px)
}

html.mobile.android body #scrollable-wrapper.ios-fix-prevent-scroll {
	height: calc(100vh - (70px + 56px))
}

html.menu-hidden html.mobile.android body #scrollable-wrapper.ios-fix-prevent-scroll {
	height: calc(100vh - 56px)
}

body #pages-wrapper>article.store-locator {
	padding-top: 70px
}

body #pages-wrapper>article.careers,
body #pages-wrapper>article.collection-accessories,
body #pages-wrapper>article.collection-components,
body #pages-wrapper>article.collection-focus.accessories-focus,
body #pages-wrapper>article.collection-kitchens,
body #pages-wrapper>article.collection-models-view,
body #pages-wrapper>article.download-area,
body #pages-wrapper>article.news,
body #pages-wrapper>article.video-view {
	padding-top: 80px !important
}

@media (min-width:360px) {

	body #pages-wrapper>article.careers,
	body #pages-wrapper>article.collection-accessories,
	body #pages-wrapper>article.collection-components,
	body #pages-wrapper>article.collection-focus.accessories-focus,
	body #pages-wrapper>article.collection-kitchens,
	body #pages-wrapper>article.collection-models-view,
	body #pages-wrapper>article.download-area,
	body #pages-wrapper>article.news,
	body #pages-wrapper>article.video-view {
		padding-top: 80px !important
	}
}

@media (min-width:576px) {

	body #pages-wrapper>article.careers,
	body #pages-wrapper>article.collection-accessories,
	body #pages-wrapper>article.collection-components,
	body #pages-wrapper>article.collection-focus.accessories-focus,
	body #pages-wrapper>article.collection-kitchens,
	body #pages-wrapper>article.collection-models-view,
	body #pages-wrapper>article.download-area,
	body #pages-wrapper>article.news,
	body #pages-wrapper>article.video-view {
		padding-top: 85px !important
	}
}

@media (min-width:768px) {

	body #pages-wrapper>article.careers,
	body #pages-wrapper>article.collection-accessories,
	body #pages-wrapper>article.collection-components,
	body #pages-wrapper>article.collection-focus.accessories-focus,
	body #pages-wrapper>article.collection-kitchens,
	body #pages-wrapper>article.collection-models-view,
	body #pages-wrapper>article.download-area,
	body #pages-wrapper>article.news,
	body #pages-wrapper>article.video-view {
		padding-top: 85px !important
	}
}

@media (min-width:992px) {
	body #scrollable-wrapper.ios-fix-prevent-scroll {
		width: calc(100vw - 96px);
		height: 100vh
	}

	html.menu-hidden body #scrollable-wrapper.ios-fix-prevent-scroll {
		width: 100vw
	}

	html.mobile body #scrollable-wrapper.ios-fix-prevent-scroll {
		height: calc(100vh - 69px)
	}

	html.mobile.android body #scrollable-wrapper.ios-fix-prevent-scroll {
		height: calc(100vh - 56px)
	}

	body #pages-wrapper>article.careers,
	body #pages-wrapper>article.collection-accessories,
	body #pages-wrapper>article.collection-components,
	body #pages-wrapper>article.collection-focus.accessories-focus,
	body #pages-wrapper>article.collection-kitchens,
	body #pages-wrapper>article.collection-models-view,
	body #pages-wrapper>article.download-area,
	body #pages-wrapper>article.news,
	body #pages-wrapper>article.video-view {
		padding-top: 85px !important
	}
}

@media (min-width:1200px) {

	body #pages-wrapper>article.careers,
	body #pages-wrapper>article.collection-accessories,
	body #pages-wrapper>article.collection-components,
	body #pages-wrapper>article.collection-focus.accessories-focus,
	body #pages-wrapper>article.collection-kitchens,
	body #pages-wrapper>article.collection-models-view,
	body #pages-wrapper>article.download-area,
	body #pages-wrapper>article.news,
	body #pages-wrapper>article.video-view {
		padding-top: 85px !important
	}
}

@media (min-width:1440px) {

	body #pages-wrapper>article.careers,
	body #pages-wrapper>article.collection-accessories,
	body #pages-wrapper>article.collection-components,
	body #pages-wrapper>article.collection-focus.accessories-focus,
	body #pages-wrapper>article.collection-kitchens,
	body #pages-wrapper>article.collection-models-view,
	body #pages-wrapper>article.download-area,
	body #pages-wrapper>article.news,
	body #pages-wrapper>article.video-view {
		padding-top: 85px !important
	}
}

@media (min-width:1920px) {

	body #pages-wrapper>article.careers,
	body #pages-wrapper>article.collection-accessories,
	body #pages-wrapper>article.collection-components,
	body #pages-wrapper>article.collection-focus.accessories-focus,
	body #pages-wrapper>article.collection-kitchens,
	body #pages-wrapper>article.collection-models-view,
	body #pages-wrapper>article.download-area,
	body #pages-wrapper>article.news,
	body #pages-wrapper>article.video-view {
		padding-top: 90px !important
	}
}

@media (min-width:992px) {

	body #pages-wrapper>article.collection-components,
	body #pages-wrapper>article.collection-kitchens {
		padding-top: 0 !important
	}
}

body #pages-wrapper>article.collection-focus.accessories-focus .content {
	padding-top: 80px
}

body.interaction-disabled {
	cursor: none !important
}

body.interaction-disabled:after {
	position: fixed;
	z-index: 1000;
	visibility: inherit;
	opacity: 0
}

.lazyload,
.lazyloading {
	opacity: 0
}

.lazyloaded {
	opacity: 1;
	transition: opacity .5s ease-out;
	will-change: opacity
}

#pages-wrapper>article.architects,
#pages-wrapper>article.careers,
#pages-wrapper>article.collection-accessories,
#pages-wrapper>article.collection-components,
#pages-wrapper>article.collection-components-type,
#pages-wrapper>article.contract,
#pages-wrapper>article.cookie-policy,
#pages-wrapper>article.corporate,
#pages-wrapper>article.designers-view,
#pages-wrapper>article.download-area,
#pages-wrapper>article.inspirations__view,
#pages-wrapper>article.landing,
#pages-wrapper>article.legal-info,
#pages-wrapper>article.news,
#pages-wrapper>article.news__focus,
#pages-wrapper>article.privacy-contacts-and-marketing,
#pages-wrapper>article.privacy-download3d,
#pages-wrapper>article.privacy-newsletter-and-marketing,
#pages-wrapper>article.privacy-policy-careers,
#pages-wrapper>article.privacy-salone-del-mobile,
#pages-wrapper>article.search,
#pages-wrapper>article.showroom-view,
#pages-wrapper>article.social-responsibility,
#pages-wrapper>article.store-locator,
#pages-wrapper>article.store-locatore-minisites-view,
#pages-wrapper>article.video-view {
	padding-bottom: 120px
}

#pages-wrapper>article.architects .brand-insta,
#pages-wrapper>article.careers .brand-insta,
#pages-wrapper>article.collection-accessories .brand-insta,
#pages-wrapper>article.collection-components .brand-insta,
#pages-wrapper>article.collection-components-type .brand-insta,
#pages-wrapper>article.contract .brand-insta,
#pages-wrapper>article.cookie-policy .brand-insta,
#pages-wrapper>article.corporate .brand-insta,
#pages-wrapper>article.designers-view .brand-insta,
#pages-wrapper>article.download-area .brand-insta,
#pages-wrapper>article.inspirations__view .brand-insta,
#pages-wrapper>article.landing .brand-insta,
#pages-wrapper>article.legal-info .brand-insta,
#pages-wrapper>article.news .brand-insta,
#pages-wrapper>article.news__focus .brand-insta,
#pages-wrapper>article.privacy-contacts-and-marketing .brand-insta,
#pages-wrapper>article.privacy-download3d .brand-insta,
#pages-wrapper>article.privacy-newsletter-and-marketing .brand-insta,
#pages-wrapper>article.privacy-policy-careers .brand-insta,
#pages-wrapper>article.privacy-salone-del-mobile .brand-insta,
#pages-wrapper>article.search .brand-insta,
#pages-wrapper>article.showroom-view .brand-insta,
#pages-wrapper>article.social-responsibility .brand-insta,
#pages-wrapper>article.store-locator .brand-insta,
#pages-wrapper>article.store-locatore-minisites-view .brand-insta,
#pages-wrapper>article.video-view .brand-insta {
	margin-top: 60px
}

#pages-wrapper>article.homepage>section {
	position: relative;
	z-index: 2
}

#pages-wrapper>article.homepage>section:last-child {
	padding-bottom: 110px
}

@media (min-width:360px) {
	#pages-wrapper>article.homepage>section:last-child {
		padding-bottom: 110px
	}
}

@media (min-width:576px) {
	#pages-wrapper>article.homepage>section:last-child {
		padding-bottom: 105px
	}
}

@media (min-width:768px) {

	#pages-wrapper>article.architects .brand-insta,
	#pages-wrapper>article.careers .brand-insta,
	#pages-wrapper>article.collection-accessories .brand-insta,
	#pages-wrapper>article.collection-components .brand-insta,
	#pages-wrapper>article.collection-components-type .brand-insta,
	#pages-wrapper>article.contract .brand-insta,
	#pages-wrapper>article.cookie-policy .brand-insta,
	#pages-wrapper>article.corporate .brand-insta,
	#pages-wrapper>article.designers-view .brand-insta,
	#pages-wrapper>article.download-area .brand-insta,
	#pages-wrapper>article.inspirations__view .brand-insta,
	#pages-wrapper>article.landing .brand-insta,
	#pages-wrapper>article.legal-info .brand-insta,
	#pages-wrapper>article.news .brand-insta,
	#pages-wrapper>article.news__focus .brand-insta,
	#pages-wrapper>article.privacy-contacts-and-marketing .brand-insta,
	#pages-wrapper>article.privacy-download3d .brand-insta,
	#pages-wrapper>article.privacy-newsletter-and-marketing .brand-insta,
	#pages-wrapper>article.privacy-policy-careers .brand-insta,
	#pages-wrapper>article.privacy-salone-del-mobile .brand-insta,
	#pages-wrapper>article.search .brand-insta,
	#pages-wrapper>article.showroom-view .brand-insta,
	#pages-wrapper>article.social-responsibility .brand-insta,
	#pages-wrapper>article.store-locator .brand-insta,
	#pages-wrapper>article.store-locatore-minisites-view .brand-insta,
	#pages-wrapper>article.video-view .brand-insta {
		margin-top: 0
	}

	#pages-wrapper>article.homepage>section:last-child {
		padding-bottom: 105px
	}
}

@media (min-width:992px) {
	#pages-wrapper>article.homepage>section:last-child {
		padding-bottom: 105px
	}
}

@media (min-width:1200px) {
	#pages-wrapper>article.homepage>section:last-child {
		padding-bottom: 105px
	}
}

@media (min-width:1440px) {
	#pages-wrapper>article.homepage>section:last-child {
		padding-bottom: 105px
	}
}

#pages-wrapper>article.homepage:after {
	position: absolute;
	z-index: 1;
	visibility: inherit
}

#pages-wrapper>article.corporate .three-designers {
	align-items: flex-start;
	-ms-flex-align: start
}

#pages-wrapper>article.corporate .three-designers .designer:nth-child(2) {
	align-self: flex-end;
	-ms-flex-item-align: end
}

#pages-wrapper>article.cookie-policy,
#pages-wrapper>article.legal-info,
#pages-wrapper>article.privacy-contacts-and-marketing,
#pages-wrapper>article.privacy-download3d,
#pages-wrapper>article.privacy-newsletter-and-marketing,
#pages-wrapper>article.privacy-policy-careers,
#pages-wrapper>article.privacy-salone-del-mobile,
#pages-wrapper>article.social-responsibility {
	margin-top: 120px
}

#pages-wrapper>article.download-area .download-area_guarantee-tab {
	padding-top: 15px
}

#pages-wrapper>article.news__focus .news-focus__news-title {
	margin-top: 60px
}

#pages-wrapper>article.news__focus .news-focus__news-title h3 {
	color: #000;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 1.75
}

html[lang=ja] #pages-wrapper>article.news__focus .news-focus__news-title h3:not(.no-lang-localisation),
html[lang=zh] #pages-wrapper>article.news__focus .news-focus__news-title h3:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:360px) {
	#pages-wrapper>article.news__focus .news-focus__news-title h3 {
		font-size: 18px
	}
}

@media (min-width:768px) {
	#pages-wrapper>article.news__focus .news-focus__news-title h3 {
		letter-spacing: 1.5px;
		font-size: 20px;
		line-height: 1.3
	}

	html[lang=ja] #pages-wrapper>article.news__focus .news-focus__news-title h3:not(.no-lang-localisation),
	html[lang=zh] #pages-wrapper>article.news__focus .news-focus__news-title h3:not(.no-lang-localisation) {
		letter-spacing: 0 !important
	}
}

@media (min-width:1920px) {
	#pages-wrapper>article.homepage>section:last-child {
		padding-bottom: 100px
	}

	#pages-wrapper>article.news__focus .news-focus__news-title h3 {
		font-size: 20px
	}
}

#pages-wrapper>article.news__focus .news-focus__news-title+.news-focus__news-container {
	margin-top: 30px
}

#pages-wrapper>article .findstore-catalogue-group .col-12:only-of-type {
	text-align: center
}

.h1.responsive-heading,
h1.responsive-heading {
	font-size: 48px;
	font-size: 14vw
}

@media (max-width:257.1428571429px) {

	.h1.responsive-heading,
	h1.responsive-heading {
		font-size: 36px
	}
}

@media (min-width:1500px) {

	.h1.responsive-heading,
	h1.responsive-heading {
		font-size: 210px
	}
}

.h2.responsive-heading,
h2.responsive-heading {
	font-size: 36px;
	font-size: 12vw
}

@media (max-width:250px) {

	.h2.responsive-heading,
	h2.responsive-heading {
		font-size: 30px
	}
}

@media (min-width:1400px) {

	.h2.responsive-heading,
	h2.responsive-heading {
		font-size: 168px
	}
}

.h3.responsive-heading,
h3.responsive-heading {
	font-size: 30px;
	font-size: 10vw
}

@media (max-width:240px) {

	.h3.responsive-heading,
	h3.responsive-heading {
		font-size: 24px
	}
}

@media (min-width:1260px) {

	.h3.responsive-heading,
	h3.responsive-heading {
		font-size: 126px
	}
}

.h4.responsive-heading,
h4.responsive-heading {
	font-size: 24px;
	font-size: 8vw
}

@media (max-width:200px) {

	.h4.responsive-heading,
	h4.responsive-heading {
		font-size: 16px
	}
}

@media (min-width:1050px) {

	.h4.responsive-heading,
	h4.responsive-heading {
		font-size: 84px
	}
}

.h5.responsive-heading,
h5.responsive-heading {
	font-size: 20px;
	font-size: 4vw
}

@media (max-width:350px) {

	.h5.responsive-heading,
	h5.responsive-heading {
		font-size: 14px
	}
}

@media (min-width:1050px) {

	.h5.responsive-heading,
	h5.responsive-heading {
		font-size: 42px
	}
}

.h6.responsive-heading,
h6.responsive-heading {
	font-size: 14px;
	font-size: 2vw
}

@media (max-width:600px) {

	.h6.responsive-heading,
	h6.responsive-heading {
		font-size: 12px
	}
}

@media (min-width:800px) {

	.h6.responsive-heading,
	h6.responsive-heading {
		font-size: 16px
	}
}

.card-title-center {
	margin-bottom: 40px;
	color: #000;
	text-align: center;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 1.75
}

html[lang=ja] .card-title-center:not(.no-lang-localisation),
html[lang=zh] .card-title-center:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:576px) {
	.card-title-center {
		font-size: 18px
	}
}

@media (min-width:768px) {
	.card-title-center {
		letter-spacing: 1.5px;
		font-size: 20px;
		line-height: 1.3
	}

	html[lang=ja] .card-title-center:not(.no-lang-localisation),
	html[lang=zh] .card-title-center:not(.no-lang-localisation) {
		letter-spacing: 0 !important
	}
}

.paragraph-top-line h5,
.text-vertical,
a.animated-underline {
	line-height: 1;
	text-overflow: ellipsis
}

.components-vertical-spacer>.carousel.carousel-irregular,
.components-vertical-spacer>:not(.top-toolbar) {
	margin-top: 110px
}

@media (min-width:360px) {

	.components-vertical-spacer>.carousel.carousel-irregular,
	.components-vertical-spacer>:not(.top-toolbar) {
		margin-top: 110px
	}
}

@media (min-width:576px) {

	.components-vertical-spacer>.carousel.carousel-irregular,
	.components-vertical-spacer>:not(.top-toolbar) {
		margin-top: 105px
	}
}

@media (min-width:768px) {

	.components-vertical-spacer>.carousel.carousel-irregular,
	.components-vertical-spacer>:not(.top-toolbar) {
		margin-top: 105px
	}
}

@media (min-width:992px) {

	.components-vertical-spacer>.carousel.carousel-irregular,
	.components-vertical-spacer>:not(.top-toolbar) {
		margin-top: 105px
	}
}

@media (min-width:1200px) {

	.components-vertical-spacer>.carousel.carousel-irregular,
	.components-vertical-spacer>:not(.top-toolbar) {
		margin-top: 105px
	}
}

@media (min-width:1440px) {

	.components-vertical-spacer>.carousel.carousel-irregular,
	.components-vertical-spacer>:not(.top-toolbar) {
		margin-top: 105px
	}
}

@media (min-width:1920px) {
	.card-title-center {
		font-size: 26px
	}

	.components-vertical-spacer>.carousel.carousel-irregular,
	.components-vertical-spacer>:not(.top-toolbar) {
		margin-top: 100px
	}
}

.components-vertical-spacer>.carousel.carousel-irregular .carousel.carousel-viewport+.product-designer-component.expand-bg-fullpage,
.components-vertical-spacer>.carousel.carousel-irregular:first-child,
.components-vertical-spacer>:not(.top-toolbar) .carousel.carousel-viewport+.product-designer-component.expand-bg-fullpage,
.components-vertical-spacer>:not(.top-toolbar):first-child {
	margin-top: 0
}

a.animated-underline {
	position: relative;
	right: auto;
	bottom: auto;
	z-index: auto;
	visibility: inherit;
	overflow: visible;
	white-space: nowrap;
	cursor: pointer
}

a.animated-underline::before {
	position: absolute;
	top: calc(100% + 2px);
	left: 0;
	overflow: hidden;
	width: 0;
	height: 2px;
	background-color: currentColor;
	color: inherit;
	content: "";
	transition: left .2s ease, width .2s ease;
	will-change: left, width
}

.media-wrapper,
.media-wrapper .media-inner-wrapper,
.text-top-line::before {
	top: 0;
	right: auto;
	bottom: auto;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	left: 0
}

a.animated-underline.active::before,
html.desktop a.animated-underline:hover::before {
	left: 0;
	width: 100%
}

a.animated-underline.active {
	pointer-events: none
}

.text-vertical {
	overflow: hidden;
	color: #888;
	text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: 2px;
	font-size: 10px;
	pointer-events: false;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

html[lang=ja] .text-vertical:not(.no-lang-localisation),
html[lang=zh] .text-vertical:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

.text-vertical:empty {
	display: none
}

@media (min-width:992px) {
	.text-vertical {
		-ms-writing-mode: tb-rl;
		text-align: center;
		font-size: 12px;
		transform: rotate(180deg);
		transform-origin: center center;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl
	}
}

.text-vertical.justify-right {
	transform: rotate(0)
}

.text-vertical span {
	color: #000;
	white-space: inherit;
	font-size: inherit;
	line-height: inherit;
	pointer-events: inherit
}

.text-vertical span:empty {
	display: none
}

.text-vertical span:nth-child(1) {
	color: var(--dataColor);
	font-weight: 400;
	font-style: normal;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif
}

.text-vertical span:nth-child(1)::after {
	color: #000;
	content: " / ";
	font-weight: 400;
	font-style: normal;
	font-family: HelveticaNeueLTCYR-Roman, Arial, sans-serif
}

.box-padding {
	padding: 20px
}

@media (min-width:360px) {
	.box-padding {
		padding: 30px
	}
}

@media (min-width:576px) {
	.box-padding {
		padding: 45px
	}
}

@media (min-width:768px) {
	.box-padding {
		padding: 30px
	}
}

@media (min-width:992px) {
	.box-padding {
		padding: 30px
	}
}

@media (min-width:1200px) {
	.box-padding {
		padding: 30px
	}
}

@media (min-width:1440px) {
	.box-padding {
		padding: 30px
	}
}

@media (min-width:1920px) {
	.box-padding {
		padding: 40px
	}
}

.text-top-line::before {
	position: relative;
	display: block;
	margin-bottom: 20px;
	width: 40px;
	height: 2px;
	background: var(--dataColor);
	content: ""
}

.media-wrapper,
.media-wrapper .media-inner-wrapper {
	position: absolute;
	width: 100%;
	height: 100%
}

.media-wrapper .media-inner-wrapper .media-inner-content {
	position: relative;
	top: -5%;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 110%
}

.media-wrapper .media-inner-wrapper .media-inner-content picture {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.media-wrapper .media-inner-wrapper .media-inner-content canvas,
.media-wrapper .media-inner-wrapper .media-inner-content img,
.media-wrapper .media-inner-wrapper .media-inner-content video {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

.media-wrapper.landscape {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

.media-wrapper.landscape::before {
	display: block;
	padding-top: 56.25%;
	content: ""
}

.media-wrapper.landscape .media-inner-wrapper {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.media-wrapper.landscape .media-inner-wrapper .media-inner-content {
	position: relative;
	top: -5%;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 110%
}

.media-wrapper.landscape .media-inner-wrapper .media-inner-content picture {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.media-wrapper.landscape .media-inner-wrapper .media-inner-content canvas,
.media-wrapper.landscape .media-inner-wrapper .media-inner-content img,
.media-wrapper.landscape .media-inner-wrapper .media-inner-content video {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

.media-wrapper.wide {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

.media-wrapper.wide::before {
	display: block;
	padding-top: 31.25%;
	content: ""
}

.media-wrapper.wide .media-inner-wrapper {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.media-wrapper.wide .media-inner-wrapper .media-inner-content {
	position: relative;
	top: -5%;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 110%
}

.media-wrapper.wide .media-inner-wrapper .media-inner-content picture {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.media-wrapper.wide .media-inner-wrapper .media-inner-content canvas,
.media-wrapper.wide .media-inner-wrapper .media-inner-content img,
.media-wrapper.wide .media-inner-wrapper .media-inner-content video {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

.media-wrapper.stretch {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

.media-wrapper.stretch::before {
	display: block;
	padding-top: 138.8888888889%;
	content: ""
}

.media-wrapper.stretch .media-inner-wrapper {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.media-wrapper.stretch .media-inner-wrapper .media-inner-content {
	position: relative;
	top: -5%;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 110%
}

.media-wrapper.stretch .media-inner-wrapper .media-inner-content picture {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.media-wrapper.stretch .media-inner-wrapper .media-inner-content canvas,
.media-wrapper.stretch .media-inner-wrapper .media-inner-content img,
.media-wrapper.stretch .media-inner-wrapper .media-inner-content video {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

.media-wrapper.squared {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 120%;
	height: auto
}

.media-wrapper.squared::before {
	display: block;
	padding-top: 100%;
	content: ""
}

.media-wrapper.squared .media-inner-wrapper {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.media-wrapper.squared .media-inner-wrapper .media-inner-content {
	position: relative;
	top: -5%;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 110%
}

.media-wrapper.squared .media-inner-wrapper .media-inner-content picture {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.media-wrapper.squared .media-inner-wrapper .media-inner-content canvas,
.media-wrapper.squared .media-inner-wrapper .media-inner-content img,
.media-wrapper.squared .media-inner-wrapper .media-inner-content video {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

.media-wrapper.portrait {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

.media-wrapper.portrait::before {
	display: block;
	padding-top: 133.3333333333%;
	content: ""
}

.media-wrapper.portrait .media-inner-wrapper {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.media-wrapper.portrait .media-inner-wrapper .media-inner-content {
	position: relative;
	top: -5%;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 110%
}

.media-wrapper.portrait .media-inner-wrapper .media-inner-content picture {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.media-wrapper.portrait .media-inner-wrapper .media-inner-content canvas,
.media-wrapper.portrait .media-inner-wrapper .media-inner-content img,
.media-wrapper.portrait .media-inner-wrapper .media-inner-content video {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

.paragraph-top-line h5::before,
.scrolldown-cta {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box
}

.btn-cta,
.paragraph-top-line h5 {
	text-transform: uppercase;
	font-weight: 400;
	font-style: normal;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif
}

.margin-0 {
	margin: 0 !important 
}

.margin-top-0 {
	margin-top: 0 !important
}

.margin-right-0 {
	margin-right: 0 !important
}

.margin-bottom-0 {
	margin-bottom: 0 !important
}

.margin-left-0 {
	margin-left: 0 !important
}

.padding-0 {
	padding: 0 !important
}

.padding-top-0 {
	padding-top: 0 !important
}

.padding-right-0 {
	padding-right: 0 !important
}

.padding-bottom-0 {
	padding-bottom: 0 !important
}

.padding-left-0 {
	padding-left: 0 !important
}

.paragraph-top-line {
	text-align: center
}

.paragraph-top-line h5 {
	overflow: hidden;
	margin-bottom: 20px;
	color: #000;
	white-space: nowrap;
	letter-spacing: 2px;
	font-size: 10px
}

html[lang=ja] .paragraph-top-line h5:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] .paragraph-top-line h5:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] .paragraph-top-line h5:not(.no-lang-localisation),
html[lang=zh] .paragraph-top-line h5:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:576px) {
	.paragraph-top-line h5 {
		font-size: 12px
	}
}

.paragraph-top-line h5::before {
	left: 0;
	left: calc(50% - 40px / 2);
	display: block;
	margin-bottom: 20px;
	width: 40px;
	height: 2px;
	background: var(--dataColor);
	content: ""
}

.paragraph-top-line h4 {
	margin-bottom: 40px;
	color: #000;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 1.75
}

html[lang=ja] .paragraph-top-line h4:not(.no-lang-localisation),
html[lang=zh] .paragraph-top-line h4:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:576px) {
	.paragraph-top-line h4 {
		font-size: 18px
	}
}

@media (min-width:768px) {
	.paragraph-top-line h4 {
		letter-spacing: 1.5px;
		font-size: 20px;
		line-height: 1.3
	}

	html[lang=ja] .paragraph-top-line h4:not(.no-lang-localisation),
	html[lang=zh] .paragraph-top-line h4:not(.no-lang-localisation) {
		letter-spacing: 0 !important
	}
}

@media (min-width:1920px) {
	.paragraph-top-line h4 {
		font-size: 26px
	}
}

.scrolldown-cta {
	left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 30px;
	color: rgba(255, 255, 255, 0);
	-ms-writing-mode: tb-rl;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 1.5px;
	font-size: 10px;
	line-height: 1;
	pointer-events: none;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl
}

.boffi-tab-btn,
.btn.btn-boffi {
	text-overflow: ellipsis;
	letter-spacing: 2px
}

.scrolldown-cta::after {
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: 50%;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 13px;
	height: 20px;
	background-image: url(../fonts/scroll-down-cta_white.svg);
	background-position: center;
	background-size: contain;
	background-repeat: none;
	content: "";
	transform: translate3d(-50%, 0, 0)
}

.ui-widget.ui-widget-content {
	display: none !important
}

#publitas-embed__iframe-wrapper {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

#publitas-embed__iframe-wrapper::before {
	display: block;
	padding-top: 150%;
	content: ""
}

@media (min-width:768px) {
	.scrolldown-cta {
		color: #fff
	}

	#publitas-embed__iframe-wrapper {
		position: relative;
		display: block;
		min-width: 0;
		max-width: none;
		width: 100%;
		height: auto
	}

	#publitas-embed__iframe-wrapper::before {
		display: block;
		padding-top: 66.6666666667%;
		content: ""
	}
}

#publitas-embed__iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.no-transition {
	transition: none !important
}

.boffi-depadova-logo {
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	padding: 20px;
	-ms-flex-pack: center
}

@media (min-width:576px) {
	.boffi-depadova-logo {
		padding: 40px 0
	}
}

.boffi-depadova-logo svg {
	max-width: 360px;
	width: 100%;
	fill: #000
}

.container-fluid {
	padding-right: 10px;
	padding-left: 10px
}

@media (min-width:360px) {
	.container-fluid {
		padding-right: 10px;
		padding-left: 10px
	}

	.container-fluid .row.vertical-spacer>[class*=" col-"],
	.container-fluid .row.vertical-spacer>[class^=col-],
	.container-fluid .row>[class*=" col-"].vertical-spacer,
	.container-fluid .row>[class^=col-].vertical-spacer {
		padding-top: 10px;
		padding-bottom: 10px
	}
}

@media (min-width:576px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px
	}
}

@media (min-width:768px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px
	}
}

@media (min-width:992px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px
	}
}

@media (min-width:1200px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px
	}
}

@media (min-width:1440px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px
	}
}

@media (min-width:1920px) {
	.container-fluid {
		padding-right: 20px;
		padding-left: 20px
	}
}

.container-fluid.no-padding-right {
	padding-right: 0 !important
}

.container-fluid.no-padding-left {
	padding-left: 0 !important
}

.container-fluid.no-padding-x-axis {
	padding-right: 0 !important;
	padding-left: 0 !important
}

.container-fluid .row.vertical-spacer>[class*=" col-"],
.container-fluid .row.vertical-spacer>[class^=col-],
.container-fluid .row>[class*=" col-"].vertical-spacer,
.container-fluid .row>[class^=col-].vertical-spacer {
	padding-top: 10px;
	padding-bottom: 10px
}

@media (min-width:576px) {

	.container-fluid .row.vertical-spacer>[class*=" col-"],
	.container-fluid .row.vertical-spacer>[class^=col-],
	.container-fluid .row>[class*=" col-"].vertical-spacer,
	.container-fluid .row>[class^=col-].vertical-spacer {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

@media (min-width:768px) {

	.container-fluid .row.vertical-spacer>[class*=" col-"],
	.container-fluid .row.vertical-spacer>[class^=col-],
	.container-fluid .row>[class*=" col-"].vertical-spacer,
	.container-fluid .row>[class^=col-].vertical-spacer {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

.container-fluid .row>[class*=" col-"].no-gutter,
.container-fluid .row>[class^=col-].no-gutter {
	padding-right: 0;
	padding-left: 0
}

.container-fluid .row>[class*=" col-"].no-gutter-right,
.container-fluid .row>[class^=col-].no-gutter-right {
	padding-right: 0
}

.container-fluid .row>[class*=" col-"].no-gutter-left,
.container-fluid .row>[class^=col-].no-gutter-left {
	padding-left: 0
}

.restricted-container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	max-width: 1920px;
	width: 100%
}

@media (min-width:360px) {
	.restricted-container-fluid {
		padding-right: 10px;
		padding-left: 10px
	}
}

@media (min-width:576px) {
	.restricted-container-fluid {
		padding-right: 15px;
		padding-left: 15px
	}
}

@media (min-width:768px) {
	.restricted-container-fluid {
		padding-right: 15px;
		padding-left: 15px
	}
}

@media (min-width:992px) {

	.container-fluid .row.vertical-spacer>[class*=" col-"],
	.container-fluid .row.vertical-spacer>[class^=col-],
	.container-fluid .row>[class*=" col-"].vertical-spacer,
	.container-fluid .row>[class^=col-].vertical-spacer {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.restricted-container-fluid {
		padding-right: 15px;
		padding-left: 15px;
		width: 90%
	}
}

@media (min-width:1200px) {

	.container-fluid .row.vertical-spacer>[class*=" col-"],
	.container-fluid .row.vertical-spacer>[class^=col-],
	.container-fluid .row>[class*=" col-"].vertical-spacer,
	.container-fluid .row>[class^=col-].vertical-spacer {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.restricted-container-fluid {
		padding-right: 15px;
		padding-left: 15px
	}
}

@media (min-width:1440px) {

	.container-fluid .row.vertical-spacer>[class*=" col-"],
	.container-fluid .row.vertical-spacer>[class^=col-],
	.container-fluid .row>[class*=" col-"].vertical-spacer,
	.container-fluid .row>[class^=col-].vertical-spacer {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.restricted-container-fluid {
		padding-right: 15px;
		padding-left: 15px
	}
}

@media (min-width:1920px) {

	.container-fluid .row.vertical-spacer>[class*=" col-"],
	.container-fluid .row.vertical-spacer>[class^=col-],
	.container-fluid .row>[class*=" col-"].vertical-spacer,
	.container-fluid .row>[class^=col-].vertical-spacer {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.restricted-container-fluid {
		padding-right: 20px;
		padding-left: 20px
	}
}

.restricted-container-fluid.disabled {
	margin-right: 0;
	margin-left: 0;
	max-width: none
}

.restricted-container-fluid.no-padding-right {
	padding-right: 0 !important
}

.restricted-container-fluid.no-padding-left {
	padding-left: 0 !important
}

.restricted-container-fluid.no-padding-x-axis {
	padding-right: 0 !important;
	padding-left: 0 !important
}

.btn.btn-boffi {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: -ms-inline-flexbox;
	display: inline-flex;
	visibility: inherit;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	width: 240px;
	height: 54px;
	border: 1px solid #ccc;
	border-radius: 0;
	background-color: transparent;
	color: #000;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	-ms-flex-align: center;
	-ms-flex-pack: center
}

.boffi-tab-btn,
.btn-cta {
	white-space: nowrap;
	font-size: 12px;
	line-height: 1
}

html[lang=ja] .btn.btn-boffi:not(.no-lang-localisation),
html[lang=zh] .btn.btn-boffi:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

.btn.btn-boffi.disabled,
.btn.btn-boffi:disabled {
	pointer-events: none
}

.btn.btn-boffi.light-theme {
	background-color: #fff;
	color: #000
}

.btn.btn-boffi.neutral-dark-theme,
.btn.btn-boffi.neutral-light-theme {
	border-color: #888;
	background-color: #888;
	color: #fff
}

.btn.btn-boffi.dark-theme {
	border-color: #333;
	background-color: #000;
	color: #fff
}

.btn.btn-boffi.btn-small,
.btn.btn-boffi.btn-small[class*=" icon-"],
.btn.btn-boffi.btn-small[class^=icon-] {
	height: 40px
}

.btn.btn-boffi.btn-small[class*=" icon-"]::after,
.btn.btn-boffi.btn-small[class^=icon-]::after {
	top: 8px
}

.btn.btn-boffi[class*=" icon-"],
.btn.btn-boffi[class^=icon-] {
	justify-content: flex-start;
	padding: 0 30px;
	width: 280px;
	height: 70px;
	-ms-flex-pack: start
}

.btn-cta,
.btn-cta::before {
	align-items: center;
	overflow: hidden
}

@media (min-width:360px) {

	.btn.btn-boffi[class*=" icon-"],
	.btn.btn-boffi[class^=icon-] {
		width: 300px
	}

	.boffi-tab-btn {
		font-size: 14px
	}
}

.btn.btn-boffi[class*=" icon-"]::after,
.btn.btn-boffi[class^=icon-]::after {
	position: absolute;
	top: 23px;
	right: 30px;
	bottom: auto;
	left: auto;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	opacity: .3;
	filter: invert(100%)
}

.boffi-tab-btn,
.btn-cta::before {
	position: relative;
	bottom: auto;
	z-index: auto;
	visibility: inherit;
	box-sizing: border-box
}

html.desktop .btn.btn-boffi[class*=" icon-"]::after,
html.desktop .btn.btn-boffi[class^=icon-]::after {
	transition: filter .2s ease, opacity .2s ease;
	will-change: filter, opacity
}

html.desktop .btn.btn-boffi[class*=" icon-"]:hover,
html.desktop .btn.btn-boffi[class^=icon-]:hover {
	padding-left: 30px
}

html.desktop .btn.btn-boffi[class*=" icon-"]:hover::after,
html.desktop .btn.btn-boffi[class^=icon-]:hover::after {
	opacity: 1;
	filter: invert(0)
}

.btn-cta.dark-theme::before,
.card.card-store.dark-theme .card-block footer .card-store_info-btn {
	filter: invert(100%)
}

.btn.btn-boffi.icon-store::after {
	background-image: url(../fonts/icon-locator-white.svg)
}

.btn.btn-boffi.icon-download::after {
	background-image: url(../fonts/icon-download-white.svg)
}

html.desktop .btn.btn-boffi {
	transition: color .2s ease, background .2s ease, border .2s ease;
	will-change: color, background, border
}

html.desktop .btn.btn-boffi:hover {
	background-color: #000;
	color: #fff
}

html.desktop .btn.btn-boffi.light-theme:hover {
	border-color: #000;
	background-color: #000;
	color: #fff
}

html.desktop .btn.btn-boffi.neutral-dark-theme:hover {
	border-color: #fff;
	background-color: #fff;
	color: #000
}

html.desktop .btn.btn-boffi.neutral-light-theme:hover {
	border-color: #000;
	background-color: #000;
	color: #fff
}

html.desktop .btn.btn-boffi.dark-theme:hover {
	border-color: #fff;
	background-color: #fff;
	color: #000
}

.btn-cta {
	display: -ms-inline-flexbox;
	display: inline-flex;
	justify-content: center;
	color: var(--dataColor) !important;
	text-align: left;
	text-overflow: ellipsis;
	cursor: pointer;
	-ms-flex-pack: center;
	-ms-flex-align: center
}

@media (min-width:768px) {
	.btn-cta {
		font-size: 14px
	}
}

html.no-cssfilters .btn-cta.dark-theme::before {
	background-image: url(../fonts/arrow-right-black.svg)
}

html.desktop .btn-cta.dark-theme:hover::before {
	border: 2px solid #333
}

html.desktop .btn-cta:hover::before,
html.desktop .card.card-section-launch:hover .card-img-overlay .card-block .card-title::after {
	border: 2px solid #f4f4f4;
	animation: cta-btn-arrow-hover .4s ease
}

html.desktop .btn-cta::before {
	transition: background-position .3s ease-in-out, border-color .3s ease-in-out;
	will-change: background-position, border-color
}

.btn-cta::before {
	top: 0;
	right: auto;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-right: 15px;
	width: 47px;
	height: 47px;
	border: 2px solid rgba(244, 244, 244, .3);
	border-radius: 50%;
	background: url(../fonts/arrow-right_white.svg) center no-repeat;
	background-size: 15px 13px;
	content: "";
	-ms-flex-pack: center;
	-ms-flex-align: center
}

.boffi-tab-btn {
	top: 0;
	right: auto;
	left: 0;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: visible !important;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	background: 0 0 !important;
	color: #888;
	text-align: left;
	transition: color .2s ease;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	border-radious: 0;
	will-change: color
}

html[lang=ja] .boffi-tab-btn:not(.no-lang-localisation),
html[lang=zh] .boffi-tab-btn:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

.boffi-loadmore-btn,
.card .card-topic {
	letter-spacing: 2px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase
}

.boffi-tab-btn:hover {
	color: #888
}

html.desktop .boffi-tab-btn:hover {
	color: #000
}

html.desktop .boffi-tab-btn.dark-theme:hover,
html.desktop .top-toolbar.dark-theme .boffi-tab-btn:hover {
	color: #fff
}

.boffi-tab-btn::after {
	position: absolute;
	top: auto;
	right: auto;
	bottom: -28px;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 0;
	background: var(--dataColor);
	content: "";
	transition: height .2s ease-in-out;
	will-change: height
}

@media (min-width:992px) {
	.boffi-tab-btn {
		width: auto
	}
}

.boffi-tab-btn.active {
	color: #000;
	pointer-events: none
}

.boffi-tab-btn.active.dark-theme,
.top-toolbar.dark-theme .boffi-tab-btn.active {
	color: #fff
}

.boffi-tab-btn.active::after {
	height: 2px
}

.boffi-tab-btn.icon-button {
	padding-left: 24px
}

.boffi-tab-btn.icon-button svg {
	position: absolute;
	top: 50%;
	left: 0;
	width: auto;
	height: 1.2em;
	transform: translateY(-50%)
}

.boffi-loadmore-btn,
.boffi-loadmore-btn::after {
	transform-origin: center center;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
	overflow: hidden
}

.boffi-loadmore-btn {
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 0;
	padding: 0;
	outline: 0 !important;
	border: none;
	border-radius: 0;
	background: 0 0;
	box-shadow: none !important;
	color: var(--dataColor);
	text-align: center;
	text-shadow: none !important;
	font-size: 12px;
	cursor: pointer;
	transition: opacity .3s ease;
	will-change: opacity
}

.boffi-loadmore-btn.disabled {
	display: none;
	pointer-events: none
}

.boffi-loadmore-btn.loading {
	opacity: .5;
	pointer-events: none
}

.boffi-loadmore-btn::after {
	display: block;
	margin-left: 12px;
	width: 9px;
	height: 9px;
	background-image: url(../fonts/icon-plus_red.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	content: ""
}

.boffi-loadmore-btn:focus {
	color: var(--dataColor)
}

html.desktop .boffi-loadmore-btn::after {
	transition: transform .3s ease;
	will-change: transform
}

html.desktop .boffi-loadmore-btn:hover {
	color: var(--dataColor)
}

html.desktop .boffi-loadmore-btn:hover::after {
	transform: rotate(180deg)
}

.boffi-social-btn-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	width: calc(48px * 3 + 30px);
	height: 48px;
	-ms-flex-pack: justify
}

.boffi-social-btn-wrapper.dark-theme .boffi-social-btn {
	border-color: #333;
	color: #fff
}

@media (min-width:992px) {
	.boffi-social-btn-wrapper.vertical-lg {
		-ms-flex-direction: column;
		flex-direction: column;
		width: 48px;
		height: calc(48px * 3 + 30px)
	}
}

.boffi-social-btn-wrapper .boffi-social-btn {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: -ms-flexbox;
	display: flex;
	visibility: inherit;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	border: 1px solid #888;
	background: 0 0;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 20px;
	line-height: 1;
	-ms-flex-pack: center;
	-ms-flex-align: center
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn {
	transition: color .25s ease, border-color .25s ease;
	will-change: color, border-color
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn::before {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: 2;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0;
	transition: opacity .25s ease;
	will-change: opacity
}

.left-line-hover::before,
html.desktop .left-line-hover:hover::before {
	transition: width .35s ease, margin .35s ease;
	background-color: currentColor
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn.facebook::before {
	background: #3b5999
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn.instagram::before {
	background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, red, #ff0);
	background-size: cover
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn.pinterest::before {
	background: #bd081c
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn.twitter::before {
	background: #00aced
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn:hover {
	color: #fff
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn:hover::before {
	opacity: 1
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn:hover.facebook {
	border-color: #3b5999
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn:hover.instagram {
	border-color: transparent
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn:hover.twitter {
	border-color: #00aced
}

html.desktop .boffi-social-btn-wrapper .boffi-social-btn:hover.pinterest {
	border-color: #bd081c
}

.boffi-social-btn-wrapper .boffi-social-btn i {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: 3;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	color: inherit
}

.dropdown,
.left-line-hover::before,
html.desktop .left-line-hover:hover::before {
	bottom: auto;
	z-index: auto;
	visibility: inherit;
	position: relative;
	top: 0;
	right: auto;
	left: 0
}

.left-line-hover,
html.desktop .left-line-hover:hover {
	display: -ms-inline-flexbox;
	overflow: hidden;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap
}

.findstore-catalogue-group .restricted-container-fluid .container-fluid .row>* {
	text-align: center
}

@media (min-width:768px) {
	.findstore-catalogue-group .restricted-container-fluid .container-fluid .row>:nth-child(1) {
		text-align: right
	}

	.findstore-catalogue-group .restricted-container-fluid .container-fluid .row>:nth-child(2) {
		text-align: left
	}
}

.left-line-hover {
	display: inline-flex;
	align-items: center;
	-ms-flex-align: center
}

.left-line-hover::before {
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: 0;
	width: 0;
	height: 2px;
	content: "";
	will-change: width, margin
}

html.desktop .left-line-hover:hover {
	display: inline-flex;
	align-items: center;
	-ms-flex-align: center
}

html.desktop .left-line-hover:hover::before {
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: 10px;
	width: 30px;
	height: 2px;
	content: "";
	will-change: width, margin
}

.left-line-hover.bloody-red,
html.desktop .left-line-hover.bloody-red:hover {
	color: var(--dataColor)
}

.dropdown {
	display: inline-block;
	overflow: visible;
	box-sizing: border-box;
	width: auto
}

.dropdown .btn.dropdown-toggle,
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain,
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain::after,
.dropdown .btn.dropdown-toggle::after {
	bottom: auto;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box
}

.dropdown.show .btn.dropdown-toggle.focus,
.dropdown.show .btn.dropdown-toggle:focus {
	border-color: #000;
	background-color: #000;
	color: #fff
}

.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain {
	outline: 0 !important;
	border: none !important;
	background: 0 0 !important
}

.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain::after {
	border-color: 1px solid #000
}

.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain.dark-theme,
.top-toolbar.dark-theme .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain {
	color: #fff !important
}

.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain.dark-theme::after,
.top-toolbar.dark-theme .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain::after {
	border: 1px solid #000 !important;
	filter: invert(100%) !important
}

html.no-cssfilters .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain.dark-theme::after,
html.no-cssfilters .top-toolbar.dark-theme .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain::after {
	border: 1px solid #fff !important
}

.dropdown .btn.dropdown-toggle {
	position: relative;
	top: 0;
	right: auto;
	left: 0;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	width: 200px;
	height: 40px;
	border-color: #ccc;
	background-color: transparent;
	-ms-flex-align: center
}

.dropdown .btn.dropdown-toggle::after {
	position: absolute;
	top: 50%;
	right: 20px;
	left: auto;
	color: #888;
	transform: translate(0, -50%)
}

.dropdown .btn.dropdown-toggle.focus,
.dropdown .btn.dropdown-toggle:focus {
	box-shadow: none !important
}

.dropdown .btn.dropdown-toggle.dropdown-toggle-plain {
	position: relative;
	top: 0;
	right: auto;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0 40px 0 0;
	width: auto;
	height: 24px;
	border: none !important;
	background: 0 0;
	color: #000 !important;
	font-size: 14px;
	transition: color .2s ease;
	-ms-flex-pack: center
}

.top-toolbar.dark-theme .dropdown .btn.dropdown-toggle.dropdown-toggle-plain {
	color: #888 !important
}

.card.card-news.highlight .card-img-overlay .card-block *,
html.desktop .top-toolbar.dark-theme .dropdown .btn.dropdown-toggle.dropdown-toggle-plain:hover {
	color: #fff !important
}

.top-toolbar.dark-theme .dropdown .btn.dropdown-toggle.dropdown-toggle-plain::after {
	filter: invert(100%) !important
}

.top-toolbar.dark-theme .dropdown .btn.dropdown-toggle.dropdown-toggle-plain::after html.no-cssfilters {
	background-image: url(../fonts/mini-arrow-down_white.svg)
}

html.desktop .dropdown .btn.dropdown-toggle.dropdown-toggle-plain:hover::after {
	border: 1px solid #000
}

html.no-cssfilters html.desktop .top-toolbar.dark-theme .dropdown .btn.dropdown-toggle.dropdown-toggle-plain:hover::after {
	border: 1px solid #fff
}

.dropdown .btn.dropdown-toggle.dropdown-toggle-plain::after {
	position: absolute;
	top: 0;
	right: 1px;
	left: auto;
	display: -ms-flexbox;
	display: flex;
	width: 24px;
	height: 24px;
	border: 1px solid #ccc;
	border-radius: 50%;
	background-image: url(../fonts/mini-arrow-down_black.svg);
	background-position: center;
	background-size: 8px 6px;
	background-repeat: no-repeat;
	transition: border .2s ease;
	transform: none;
	will-change: filter
}

.dropdown .btn.dropdown-toggle.dropdown-toggle-plain+.dropdown-menu {
	top: 130%
}

.dropdown .dropdown-menu .dropdown-item,
.dropdown .dropdown-menu .dropdown-item::before {
	top: 0;
	right: auto;
	bottom: auto;
	visibility: inherit;
	box-sizing: border-box;
	overflow: hidden;
	z-index: auto
}

.dropdown .dropdown-menu {
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: 0 0 12px rgba(0, 0, 0, .22)
}

.dropdown .dropdown-menu.center {
	left: 50%;
	transform: translate3d(-50%, 0, 0)
}

.dropdown .dropdown-menu .dropdown-item {
	position: relative;
	left: 0;
	padding: 20px 30px;
	min-width: 200px;
	border: none;
	border-top: 1px solid #ddd;
	background: #fff;
	color: #888;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	line-height: 1;
	transition: padding .28s ease, background .2s ease, color .2s ease
}

.top-toolbar.dark-theme .dropdown .dropdown-menu .dropdown-item {
	border-top: 1px solid #333;
	background: #000
}

.dropdown .dropdown-menu .dropdown-item:first-child {
	border-top: none !important
}

.dropdown .dropdown-menu .dropdown-item::before {
	position: absolute;
	left: 0;
	width: 0;
	height: 100%;
	background-color: var(--dataColor);
	content: ""
}

.dropdown a.dropdown-item.flagship-change-language-btn {
	font-size: 12px
}

.dropdown a.dropdown-item.active {
	background: #eee;
	color: #000;
	pointer-events: none
}

.dropdown a.dropdown-item.active::before {
	width: 3px
}

.top-toolbar.dark-theme .dropdown a.dropdown-item.active {
	background: #111;
	color: #fff
}

html.desktop .dropdown a.dropdown-item::before {
	transition: width .2s ease;
	will-change: width
}

html.desktop .dropdown a.dropdown-item:hover {
	color: #000
}

html.desktop .top-toolbar.dark-theme .dropdown a.dropdown-item:hover {
	color: #fff
}

html.desktop .top-toolbar.dark-theme .dropdown a.dropdown-item.flagship-change-language-btn:hover {
	color: var(--dataColor)
}

.dropdown a.dropdown-item.icon-button {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	padding-left: 24px;
	-ms-flex-align: center
}

.dropdown a.dropdown-item.icon-button svg {
	position: relative;
	top: 5px;
	margin-right: 8px;
	width: auto;
	height: 1.2em;
	transform: translateY(-50%)
}

.dropdown .dropdown-item.ui-checkboxradio-label {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	align-items: baseline;
	justify-content: space-between;
	margin: 0;
	padding: 20px 30px;
	background-color: transparent;
	-ms-flex-pack: justify;
	-ms-flex-align: baseline
}

.dropdown .dropdown-item.ui-checkboxradio-label.ui-state-active {
	padding: 20px 30px 20px 50px;
	background: #fff;
	color: var(--dataColor)
}

.dropdown .dropdown-item.ui-checkboxradio-label .ui-checkboxradio-icon {
	margin: 0;
	border: 1px solid #ccc;
	box-shadow: none
}

.dropdown .dropdown-item.ui-checkboxradio-label:hover {
	background: #eee;
	color: #000
}

html.desktop .card.card-news:hover img,
html.desktop .card.card-video:hover img,
html.desktop .card:hover img {
	transform: scale(1.03)
}

.card {
	border: none
}

.card .card-block,
.card .card-img-overlay {
	padding: 20px
}

@media (min-width:360px) {

	.card .card-block,
	.card .card-img-overlay {
		padding: 30px
	}
}

@media (min-width:576px) {

	.card .card-block,
	.card .card-img-overlay {
		padding: 45px
	}
}

@media (min-width:768px) {

	.card .card-block,
	.card .card-img-overlay {
		padding: 30px
	}
}

@media (min-width:992px) {

	.card .card-block,
	.card .card-img-overlay {
		padding: 30px
	}
}

@media (min-width:1200px) {

	.card .card-block,
	.card .card-img-overlay {
		padding: 30px
	}
}

@media (min-width:1440px) {

	.card .card-block,
	.card .card-img-overlay {
		padding: 30px
	}
}

@media (min-width:1920px) {

	.card .card-block,
	.card .card-img-overlay {
		padding: 40px
	}
}

.card .card-img-overlay .card-block {
	margin: 0;
	padding: 0
}

.card .card-topic {
	overflow: hidden;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 10px;
	line-height: 1
}

html[lang=ja] .card .card-topic:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] .card .card-topic:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] .card .card-topic:not(.no-lang-localisation),
html[lang=zh] .card .card-topic:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:576px) {
	.card .card-topic {
		font-size: 12px
	}
}

.card .card-title {
	color: #000;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 1.75
}

html[lang=ja] .card .card-title:not(.no-lang-localisation),
html[lang=zh] .card .card-title:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:576px) {
	.card .card-title {
		font-size: 18px
	}

	.card.card-designer .card-block {
		padding: 40px
	}
}

@media (min-width:768px) {
	.card .card-title {
		letter-spacing: 1.5px;
		font-size: 20px;
		line-height: 1.3
	}

	html[lang=ja] .card .card-title:not(.no-lang-localisation),
	html[lang=zh] .card .card-title:not(.no-lang-localisation) {
		letter-spacing: 0 !important
	}
}

@media (min-width:1920px) {
	.card .card-title {
		font-size: 26px
	}
}

.card .card-date {
	overflow: hidden;
	color: #888;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 2px;
	font-weight: 400;
	font-style: normal;
	font-size: 10px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	line-height: 1
}

html[lang=ja] .card .card-date:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] .card .card-date:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] .card .card-date:not(.no-lang-localisation),
html[lang=zh] .card .card-date:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

.card picture {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	background: #eee
}

.card picture img,
.card.card-video .card-img-top .media-inner-wrapper span {
	position: absolute;
	overflow: hidden;
	bottom: auto;
	visibility: inherit;
	box-sizing: border-box;
	right: auto
}

.card picture img {
	top: 0;
	left: 0;
	z-index: auto;
	display: block;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

html.desktop .card img {
	transition: opacity .5s ease-out, transform .7s ease;
	will-change: opacity, transform
}

html.desktop .card.card-cta,
html.desktop .card.card-download,
html.desktop .card.card-video {
	transition: box-shadow .35s ease;
	will-change: box-shadow
}

html.desktop .card img.lazyload,
html.desktop .card img.lazyloading {
	opacity: 0
}

html.desktop .card img.lazyloaded {
	opacity: 1
}

.card.card-headquarter {
	margin-top: 100px;
	background: 0 0
}

.card.card-download {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1)
}

html.desktop .card.card-download:hover {
	box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .1)
}

.card.card-download .card-block-wrapper .card-block .card-title {
	letter-spacing: 1px !important;
	font-size: 12px !important
}

.card.card-download .card-block-wrapper .card-block .card-text {
	letter-spacing: 1px;
	font-size: 12px
}

.card.card-download .card-block-wrapper .card-block .card-icon {
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(../fonts/icon-download-gray.svg);
	background-position: center;
	background-size: contain;
	background-repeat: repeat
}

html.desktop .card.card-download .card-block-wrapper .card-block .card-title {
	overflow: hidden;
	color: #000;
	text-decoration: none !important;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 2px;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	line-height: 1;
	transition: color .35s ease;
	will-change: color
}

html[lang=ja] html.desktop .card.card-download .card-block-wrapper .card-block .card-title:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] html.desktop .card.card-download .card-block-wrapper .card-block .card-title:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] html.desktop .card.card-download .card-block-wrapper .card-block .card-title:not(.no-lang-localisation),
html[lang=zh] html.desktop .card.card-download .card-block-wrapper .card-block .card-title:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:768px) {
	html.desktop .card.card-download .card-block-wrapper .card-block .card-title {
		font-size: 14px
	}
}

html.desktop .card.card-download .card-block-wrapper .card-block .card-title::after {
	content: " /"
}

html.desktop .card.card-download:hover .card-block-wrapper .card-block .card-title {
	color: var(--dataColor)
}

.card.card-video {
	height: 100%;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1)
}

html.desktop .card.card-video:hover {
	box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .1)
}

.card.card-cta,
.card.card-designer,
.card.card-video .card-img-top .media-inner-wrapper span {
	box-shadow: 10px 30px 50px 0 rgba(0, 0, 0, .1)
}

html.desktop .card.card-video:hover .card-img-top .media-inner-wrapper span {
	opacity: 1
}

html.desktop .card.card-video .card-img-top .media-inner-wrapper span {
	opacity: 0;
	transition: opacity .2s ease;
	will-change: opacity
}

.card.card-video .card-img-top .media-inner-wrapper span {
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	z-index: 2;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #fff;
	-ms-flex-pack: center;
	-ms-flex-align: center
}

.card.card-video .card-img-top .media-inner-wrapper span svg {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 3px;
	z-index: 2;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 23px;
	height: auto
}

.card.card-video .card-block-wrapper {
	display: -ms-flexbox;
	display: flex;
	flex-grow: 1;
	-ms-flex-positive: 1
}

.card.card-video .card-block-wrapper .card-block {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	-ms-flex-pack: justify
}

.card.card-video .card-block-wrapper .card-block .card-title {
	color: #000;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 1.75
}

html[lang=ja] .card.card-video .card-block-wrapper .card-block .card-title:not(.no-lang-localisation),
html[lang=zh] .card.card-video .card-block-wrapper .card-block .card-title:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:360px) {
	.card.card-video .card-block-wrapper .card-block .card-title {
		font-size: 18px
	}

	.card.card-designer .card-block {
		padding: 40px
	}
}

@media (min-width:768px) {
	.card.card-video .card-block-wrapper .card-block .card-title {
		letter-spacing: 1.5px;
		font-size: 20px;
		line-height: 1.3
	}

	html[lang=ja] .card.card-video .card-block-wrapper .card-block .card-title:not(.no-lang-localisation),
	html[lang=zh] .card.card-video .card-block-wrapper .card-block .card-title:not(.no-lang-localisation) {
		letter-spacing: 0 !important
	}
}

@media (min-width:1920px) {
	.card.card-video .card-block-wrapper .card-block .card-title {
		font-size: 20px
	}
}

.card.card-video .card-block-wrapper .card-block .card-cat,
.card.card-video .card-block-wrapper .card-block .card-cat .card-date {
	margin: 0;
	font-size: 10px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-style: normal;
	line-height: 1
}

.card.card-video .card-block-wrapper .card-block .card-cat {
	color: #888;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif
}

html[lang=ja] .card.card-video .card-block-wrapper .card-block .card-cat:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] .card.card-video .card-block-wrapper .card-block .card-cat:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] .card.card-video .card-block-wrapper .card-block .card-cat:not(.no-lang-localisation),
html[lang=zh] .card.card-video .card-block-wrapper .card-block .card-cat:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

.card.card-video .card-block-wrapper .card-block .card-cat .card-date {
	color: #ccc;
	text-transform: uppercase;
	text-transform: none;
	letter-spacing: 2px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif
}

html[lang=ja] .card.card-video .card-block-wrapper .card-block .card-cat .card-date:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] .card.card-video .card-block-wrapper .card-block .card-cat .card-date:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

.card.card-cta .card-block .card-topic,
.card.card-designer .card-topic {
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase
}

html[lang=ja] .card.card-video .card-block-wrapper .card-block .card-cat .card-date:not(.no-lang-localisation),
html[lang=zh] .card.card-video .card-block-wrapper .card-block .card-cat .card-date:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

html.desktop .card.card-video .card-block-wrapper .card-block .card-cat {
	transition: color .35s ease;
	will-change: color
}

html.desktop .card.card-video:hover .card-block-wrapper .card-block .card-cat {
	color: var(--dataColor)
}

.card.card-designer .card-block {
	padding: 40px
}

@media (min-width:768px) {
	.card.card-designer .card-block {
		padding: 60px
	}
}

@media (min-width:992px) {
	.card.card-designer .card-block {
		padding: 60px
	}
}

@media (min-width:1200px) {
	.card.card-designer .card-block {
		padding: 60px
	}
}

@media (min-width:1440px) {
	.card.card-designer .card-block {
		padding: 50px
	}
}

@media (min-width:1920px) {
	.card.card-designer .card-block {
		padding: 60px
	}
}

.card.card-designer .card-block>:first-child::before {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 20px;
	width: 40px;
	height: 2px;
	background: var(--dataColor);
	content: ""
}

.card.card-designer .card-topic {
	display: block;
	overflow: hidden;
	margin: 0 0 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 2px;
	font-style: normal;
	font-size: 12px;
	line-height: 1
}

.card.card-designer .card-title {
	margin: 0 0 30px;
	letter-spacing: 1.5px;
	font-size: 18px;
	line-height: 1.55
}

html[lang=ja] .card.card-designer .card-title:not(.no-lang-localisation),
html[lang=zh] .card.card-designer .card-title:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:360px) {
	.card.card-designer .card-title {
		font-size: 22px;
		line-height: 1.45
	}
}

@media (min-width:1440px) {
	.card.card-designer .card-block {
		padding: 60px !important
	}

	.card.card-designer .card-title {
		letter-spacing: 2px;
		font-size: 28px;
		line-height: 1.42
	}

	html[lang=ja] .card.card-designer .card-title:not(.no-lang-localisation),
	html[lang=zh] .card.card-designer .card-title:not(.no-lang-localisation) {
		letter-spacing: 0 !important
	}
}

@media (min-width:1920px) {
	.card.card-designer .card-title {
		font-size: 34px;
		line-height: 1.23
	}
}

.card.card-quote .card-subtitle,
.card.card-quote .card-title {
	overflow: hidden;
	line-height: 1;
	white-space: nowrap;
	text-overflow: ellipsis
}

.card.card-designer .card-text {
	display: none;
	margin: 0
}

@media (min-width:360px) {
	.card.card-designer .card-text {
		display: block
	}

	.card.card-cta .card-block {
		padding: 40px
	}
}

.card.card-quote .card-title {
	margin-bottom: 25px;
	font-size: 20px
}

.card.card-quote .card-subtitle {
	margin-bottom: 45px;
	font-size: 14px
}

.card.card-quote .card-quote-text {
	letter-spacing: 1.5px;
	font-style: italic;
	font-size: 20px;
	line-height: 1.35
}

.card.card-quote .card-quote-text::before {
	content: '"'
}

.card.card-quote .card-quote-text::after {
	content: '".'
}

html.desktop .card.card-cta:hover {
	box-shadow: 12px 60px 60px 0 rgba(0, 0, 0, .15)
}

html.desktop .card.card-cta .card-block .card-link {
	margin-right: 22px;
	transition: margin .35s;
	will-change: margin
}

.card.card-cta .card-block .card-link::before,
html.desktop .card.card-cta:hover .card-block .card-link::before {
	overflow: hidden;
	height: 2px;
	transition: width .35s ease, margin .35s ease;
	position: relative;
	top: 0;
	bottom: auto;
	visibility: inherit;
	box-sizing: border-box;
	left: 0;
	z-index: auto;
	content: ""
}

html.desktop .card.card-cta:hover .card-block .card-link {
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	margin-right: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
	-ms-flex-align: center
}

html.desktop .card.card-cta:hover .card-block .card-link::before {
	right: auto;
	display: block;
	margin-right: 10px;
	width: 12px;
	background-color: currentColor;
	will-change: width, margin
}

.card.card-cta .card-block {
	padding: 40px;
	text-align: center
}

@media (min-width:576px) {
	.card.card-cta .card-block {
		padding: 40px
	}
}

@media (min-width:768px) {
	.card.card-cta .card-block {
		padding: 60px
	}
}

@media (min-width:992px) {
	.card.card-cta .card-block {
		padding: 60px;
		text-align: left
	}
}

@media (min-width:1200px) {
	.card.card-cta .card-block {
		padding: 60px
	}
}

@media (min-width:1440px) {
	.card.card-cta .card-block {
		padding: 50px
	}
}

@media (min-width:1920px) {
	.card.card-cta .card-block {
		padding: 60px
	}
}

.card.card-cta .card-block .card-topic {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	color: #000;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 2px;
	font-style: normal;
	font-size: 10px;
	line-height: 1;
	-ms-flex-pack: center;
	-ms-flex-align: center
}

html[lang=ja] .card.card-cta .card-block .card-topic:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] .card.card-cta .card-block .card-topic:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

.card.card-cta .card-block .card-link,
.card.card-news .card-block .card-cat,
.card.card-news .card-block .card-date,
.card.card-partner .card-block footer .card-partner_goto-btn,
.card.card-store .card-block footer .card-store_goto-btn {
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	white-space: nowrap;
	font-weight: 400;
	font-style: normal
}

html[lang=ja] .card.card-cta .card-block .card-topic:not(.no-lang-localisation),
html[lang=zh] .card.card-cta .card-block .card-topic:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:576px) {
	.card.card-cta .card-block .card-topic {
		font-size: 12px
	}
}

@media (min-width:992px) {
	.card.card-cta .card-block .card-topic {
		-ms-flex-direction: row;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		text-align: left;
		-ms-flex-pack: start;
		-ms-flex-align: center
	}

	.card.card-cta .card-block .card-topic::before {
		margin-right: 20px;
		margin-bottom: 0;
		transform: translate3d(0, 9px, 0)
	}

	.card.card-cta .card-block .card-link {
		float: right
	}
}

.card.card-cta .card-block .card-topic::before {
	display: block;
	margin-bottom: 20px;
	width: 40px;
	height: 2px;
	background: var(--dataColor);
	content: ""
}

.card.card-cta .card-block .card-title {
	margin-top: 30px;
	margin-bottom: 35px
}

.card.card-cta .card-block .card-link {
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	margin: 0;
	color: var(--dataColor);
	text-decoration: none !important;
	text-transform: uppercase;
	text-overflow: ellipsis;
	letter-spacing: 2px;
	font-size: 12px;
	line-height: 1;
	-ms-flex-align: center
}

.card.card-cta .card-block .card-link::before {
	right: auto;
	display: block;
	margin-right: 0;
	width: 0;
	background-color: currentColor;
	will-change: width, margin
}

html[lang=ja] .card.card-cta .card-block .card-link:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] .card.card-cta .card-block .card-link:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] .card.card-cta .card-block .card-link:not(.no-lang-localisation),
html[lang=zh] .card.card-cta .card-block .card-link:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

html.desktop .card.card-section-launch .card-img-overlay,
html.desktop .card.card-section-launch .card-img-overlay .card-block,
html.desktop .card.card-section-launch .card-img-overlay .card-block .card-title {
	overflow: visible
}

html.desktop .card.card-section-launch .card-img-overlay .card-block .card-title::after {
	opacity: 1;
	transform: translate3d(0, 0, 0)
}

@media (min-width:992px) and (max-width:1200px) {
	html.desktop .card.card-section-launch .card-img-overlay .card-block .card-title::after {
		display: none
	}
}

html.desktop .card.card-section-launch:hover .card-img-overlay::before {
	opacity: 1
}

.card.card-section-launch .card-img {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	height: auto
}

.card.card-section-launch .card-img .media-wrapper {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

.card.card-section-launch .card-img .media-wrapper::before {
	display: block;
	padding-top: 56.25%;
	content: ""
}

.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper .media-inner-content {
	position: relative;
	top: -5%;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 110%
}

.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper .media-inner-content picture {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper .media-inner-content canvas,
.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper .media-inner-content img,
.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper .media-inner-content video {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

@media (min-width:992px) {
	.card.card-section-launch .card-img .media-wrapper {
		position: relative;
		display: block;
		min-width: 0;
		max-width: none;
		width: 100%;
		height: auto
	}

	.card.card-section-launch .card-img .media-wrapper::before {
		display: block;
		padding-top: 133.3333333333%;
		content: ""
	}

	.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper {
		position: absolute;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		z-index: auto;
		visibility: inherit;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
		height: 100%
	}

	.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper .media-inner-content {
		position: relative;
		top: -5%;
		right: auto;
		bottom: auto;
		left: 0;
		z-index: auto;
		display: block;
		visibility: inherit;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
		height: 110%
	}

	.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper .media-inner-content picture {
		position: absolute;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		z-index: auto;
		display: block;
		visibility: inherit;
		overflow: hidden;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%
	}

	.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper .media-inner-content canvas,
	.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper .media-inner-content img,
	.card.card-section-launch .card-img .media-wrapper .media-inner-wrapper .media-inner-content video {
		position: absolute;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		z-index: auto;
		display: block;
		visibility: inherit;
		overflow: hidden;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		font-family: "object-fit: cover";
		object-fit: cover
	}
}

.card.card-section-launch .card-img-overlay {
	padding: 20px
}

@media (min-width:360px) {
	.card.card-section-launch .card-img-overlay {
		padding: 30px
	}
}

@media (min-width:576px) {
	.card.card-section-launch .card-img-overlay {
		padding: 40px
	}
}

@media (min-width:768px) {
	.card.card-cta .card-block .card-link {
		font-size: 14px
	}

	.card.card-section-launch .card-img-overlay {
		padding: 40px
	}
}

@media (min-width:992px) {
	.card.card-section-launch .card-img-overlay {
		padding: 20px
	}
}

@media (min-width:1200px) {
	.card.card-section-launch .card-img-overlay {
		padding: 30px
	}
}

.card.card-section-launch .card-img-overlay::before {
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .68) 100%);
	content: "";
	opacity: .7;
	transition: opacity .4s ease;
	will-change: opacity
}

@media (min-width:992px) {
	.card.card-section-launch .card-img-overlay::before {
		height: 130px
	}
}

@media (min-width:1440px) {
	.card.card-section-launch .card-img-overlay {
		padding: 40px
	}

	.card.card-section-launch .card-img-overlay::before {
		height: 150px
	}
}

.card.card-section-launch .card-img-overlay .card-block {
	display: -ms-flexbox;
	display: flex;
	align-items: flex-end;
	height: 100%;
	-ms-flex-align: end
}

.card.card-section-launch .card-img-overlay .card-block .card-title {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: -ms-flexbox;
	display: flex;
	visibility: inherit;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
	color: #fff;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 1.75;
	-ms-flex-pack: justify;
	-ms-flex-align: center
}

.card.card-section-launch .card-img-overlay .card-block .card-title::after,
.card.card-store .card-block {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: -ms-flexbox;
	visibility: inherit;
	box-sizing: border-box
}

html[lang=ja] .card.card-section-launch .card-img-overlay .card-block .card-title:not(.no-lang-localisation),
html[lang=zh] .card.card-section-launch .card-img-overlay .card-block .card-title:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:360px) {
	.card.card-section-launch .card-img-overlay .card-block .card-title {
		font-size: 18px
	}
}

@media (min-width:768px) {
	.card.card-section-launch .card-img-overlay .card-block .card-title {
		letter-spacing: 1.5px;
		font-size: 20px;
		line-height: 1.3
	}

	html[lang=ja] .card.card-section-launch .card-img-overlay .card-block .card-title:not(.no-lang-localisation),
	html[lang=zh] .card.card-section-launch .card-img-overlay .card-block .card-title:not(.no-lang-localisation) {
		letter-spacing: 0 !important
	}
}

@media (min-width:1920px) {
	.card.card-section-launch .card-img-overlay {
		padding: 50px
	}

	.card.card-section-launch .card-img-overlay .card-block .card-title {
		font-size: 20px
	}
}

@media (min-width:992px) {
	.card.card-section-launch .card-img-overlay .card-block .card-title {
		font-size: 18px
	}
}

@media (min-width:1200px) {
	.card.card-section-launch .card-img-overlay .card-block .card-title {
		font-size: 20px
	}
}

.card.card-section-launch .card-img-overlay .card-block .card-title::after {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin-left: 7px;
	min-width: 47px;
	min-height: 47px;
	width: 47px;
	height: 47px;
	border: 2px solid rgba(244, 244, 244, .3);
	border-radius: 50%;
	background: url(../fonts/arrow-right_white.svg) center no-repeat;
	background-size: 15px 13px;
	content: "";
	-ms-flex-pack: center;
	-ms-flex-align: center
}

html.desktop .card.card-section-launch .card-img-overlay .card-block .card-title::after {
	transition: background-position .3s ease-in-out, border-color .3s ease-in-out;
	will-change: background-position, border-color
}

.card.card-store {
	display: block;
	min-height: 0;
	background: #fff
}

.card.card-store.dark-theme,
.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled) .media-wrapper .media-inner-content {
	background: #000
}

@media (min-width:768px) {
	.card.card-store {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.card.card-store.dark-theme .card-block .card-store-info .card-store-fax,
.card.card-store.dark-theme .card-block .card-store-info .card-store-telephone,
.card.card-store.dark-theme .card-block .card-store-info p,
.card.card-store.dark-theme .card-block header .card-title,
html.desktop .card.card-store.dark-theme .card-block .card-store-info .card-store-mail:hover,
html.desktop .card.card-store.dark-theme .card-block .card-store-info .card-store-website:hover {
	color: #fff
}

.card.card-store .card-block {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	overflow: visible;
	width: 100%;
	height: 100%;
	-ms-flex-pack: justify
}

.card.card-store .card-block>* {
	width: 100%
}

.card.card-store .card-block header {
	margin-bottom: 0
}

.card.card-store .card-block header .card-title {
	font-size: 20px;
	transition: color .35s ease;
	will-change: color
}

.card.card-store .card-block .card-store-labels {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0;
	width: 100%;
	height: auto;
	list-style: none;
	-ms-flex-align: start;
	-ms-flex-pack: start
}

.card.card-store .card-block .card-store-labels li {
	display: inline-block;
	margin: 0 10px 10px 0;
	width: auto;
	border: 1px solid #ddd;
	border-radius: 12px;
	color: #888;
	text-align: center;
	text-transform: none;
	white-space: nowrap;
	letter-spacing: 1px;
	font-size: 11px;
	line-height: 1;
	padding: 5.5px 15px
}

.card.card-store .card-block .card-store-labels li:last-child {
	margin-right: 0
}

.card.card-store .card-block .card-store-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.card.card-store .card-block .card-store-info .collapse,
.card.card-store .card-block .card-store-info .collapsing {
	transition: height .42s ease;
	will-change: height
}

.card.card-store .card-block .card-store-info .collapse>*,
.card.card-store .card-block .card-store-info .collapsing>* {
	margin-top: 3px;
	font-size: 12px
}

.card.card-store .card-block .card-store-info .collapse>:first-child,
.card.card-store .card-block .card-store-info .collapsing>:first-child {
	margin-top: 0
}

.card.card-store .card-block .card-store-info p {
	line-height: 1.4
}

.card.card-store .card-block .card-store-info .card-store-fax,
.card.card-store .card-block .card-store-info .card-store-telephone {
	display: block;
	color: #000;
	transition: color .35s ease;
	will-change: color
}

.card.card-store .card-block .card-store-info .card-store-fax span,
.card.card-store .card-block .card-store-info .card-store-telephone span {
	margin-right: 5px;
	text-transform: uppercase;
	font-size: 10px
}

.card.card-store .card-block .card-store-info .card-store-mail,
.card.card-store .card-block .card-store-info .card-store-website {
	display: block;
	text-decoration: underline;
	transition: color .35s ease;
	will-change: color
}

.card.card-store .card-block footer .card-store_goto-btn::before,
html.desktop .card.card-store .card-block footer .card-store_goto-btn:hover::before {
	overflow: hidden;
	height: 2px;
	background-color: currentColor;
	content: "";
	transition: width .35s ease, margin .35s ease;
	right: auto;
	bottom: auto;
	z-index: auto;
	visibility: inherit;
	box-sizing: border-box;
	position: relative;
	top: 0;
	left: 0
}

html.desktop .card.card-store .card-block .card-store-info .card-store-mail:hover,
html.desktop .card.card-store .card-block .card-store-info .card-store-website:hover {
	color: #000
}

.card.card-store .card-block footer {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
	-ms-flex-pack: justify;
	-ms-flex-align: center
}

.card.card-store .card-block footer .card-store_goto-btn {
	display: -ms-flexbox;
	display: flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	color: var(--dataColor);
	text-transform: uppercase;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 1;
	-ms-flex-align: center
}

.card.card-store .card-block footer .card-store_goto-btn::before {
	display: block;
	margin-right: 0;
	width: 0;
	will-change: width, margin
}

html.desktop .card.card-store .card-block footer .card-store_goto-btn:hover {
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
	-ms-flex-align: center
}

html.desktop .card.card-store .card-block footer .card-store_goto-btn:hover::before {
	display: block;
	margin-right: 10px;
	width: 15px;
	will-change: width, margin
}

.card.card-store .card-block footer .card-store_info-btn {
	width: 32px;
	height: 32px;
	outline: 0 !important;
	border: 1px solid #ccc;
	border-radius: 50%;
	background: url(../fonts/icon-info.svg) center no-repeat;
	background-size: 2px 12px;
	box-shadow: none !important;
	opacity: 0;
	cursor: pointer;
	transition: opacity .2s ease, background-color .3s ease;
	pointer-events: none;
	will-change: opacity, background-color
}

.card.card-store .card-block footer .card-store_info-btn.collapsed {
	opacity: 1;
	pointer-events: auto
}

html.desktop .card.card-store .card-block footer .card-store_info-btn:hover {
	background-color: #ccc
}

.card.card-partner {
	display: block;
	min-height: 0;
	background: #fff
}

@media (min-width:768px) {
	.card.card-store .card-block footer {
		margin-top: 10px
	}

	.card.card-partner {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.card.card-partner .card-block {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: -ms-flexbox;
	display: flex;
	visibility: inherit;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	overflow: visible;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	-ms-flex-pack: justify
}

.card.card-partner .card-block>* {
	width: 100%
}

.card.card-partner .card-block header {
	margin-bottom: 0
}

.card.card-partner .card-block header .card-title {
	font-size: 20px;
	transition: color .35s ease;
	will-change: color
}

.card.card-partner .card-block footer .card-partner_goto-btn::before,
html.desktop .card.card-partner .card-block footer .card-partner_goto-btn:hover::before {
	box-sizing: border-box;
	height: 2px;
	background-color: currentColor;
	transition: width .35s ease, margin .35s ease;
	will-change: width, margin;
	right: auto;
	bottom: auto;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	content: ""
}

.card.card-partner .card-block .card-partner-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.card.card-partner .card-block .card-partner-info p {
	line-height: 1.4
}

.card.card-partner .card-block footer {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
	-ms-flex-pack: justify;
	-ms-flex-align: center
}

@media (min-width:768px) {
	.card.card-partner .card-block footer {
		margin-top: 10px
	}
}

.card.card-partner .card-block footer .card-partner_goto-btn {
	display: -ms-flexbox;
	display: flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	color: var(--dataColor);
	text-transform: uppercase;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 1;
	-ms-flex-align: center
}

.card.card-partner .card-block footer .card-partner_goto-btn::before {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-right: 0;
	width: 0
}

html.desktop .card.card-partner .card-block footer .card-partner_goto-btn:hover {
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
	-ms-flex-align: center
}

html.desktop .card.card-partner .card-block footer .card-partner_goto-btn:hover::before {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-right: 10px;
	width: 15px
}

.card.card-news {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	text-align: left
}

.card.card-news.highlight .card-img-overlay .card-block,
.card.card-news.highlight .card-img-overlay .card-block * {
	overflow: visible;
	position: relative;
	top: 0;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	box-sizing: border-box;
	right: auto
}

html.desktop .card.card-news {
	transition: box-shadow .35s ease;
	will-change: box-shadow
}

html.desktop .card.card-news:hover {
	box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .1)
}

.card.card-news.instagram .card-img {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

.card.card-news.instagram .card-img::before {
	display: block;
	padding-top: 100%;
	content: ""
}

.card.card-news.instagram .card-img-overlay {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: opacity .3s ease;
	-ms-flex-pack: center;
	-ms-flex-align: center
}

.card.card-news.instagram .card-img-overlay span {
	display: block;
	width: 36px;
	height: 36px;
	background-image: url(../fonts/icon-instagram.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat
}

html.desktop .card.card-news.instagram:hover .card-img-overlay {
	opacity: 1
}

.card.card-news.highlight .card-img-overlay {
	display: -ms-flexbox;
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, .75) 100%);
	-ms-flex-align: end
}

.card.card-news.highlight .card-img-overlay .card-block {
	margin: 0;
	height: auto
}

.card.card-news.highlight .card-img-overlay .card-block .card-cat,
.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic+.carousel-cell__title {
	margin-top: 20px
}

.card.card-news.highlight .card-img-overlay .card-block .card-news__date-title-wrapper>:first-child::before {
	background: currentColor
}

.card.card-news .card-block-wrapper {
	min-height: calc(((100vw - (10px * 4))/ 16) * 9)
}

@media (min-width:576px) {
	.card.card-news .card-block-wrapper {
		position: relative;
		display: block;
		min-width: 0;
		min-height: 0;
		max-width: none;
		width: 100%;
		height: auto
	}

	.card.card-news .card-block-wrapper::before {
		display: block;
		padding-top: 100%;
		content: ""
	}

	.card.card-news .card-img-top+.card-block-wrapper {
		position: relative;
		display: block;
		min-width: 0;
		max-width: none;
		width: 100%;
		height: auto
	}

	.card.card-news .card-img-top+.card-block-wrapper::before {
		display: block;
		padding-top: 82.5%;
		content: ""
	}
}

.card.card-news .card-block {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: -ms-flexbox;
	display: flex;
	visibility: inherit;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	min-height: inherit;
	width: 100%;
	height: 100%;
	-ms-flex-pack: justify
}

.card.card-news .card-block .card-news__date-title-wrapper>:first-child::before {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 20px;
	width: 40px;
	height: 2px;
	background: var(--dataColor);
	content: ""
}

@media (min-width:576px) {
	.card.card-news .card-block {
		position: absolute
	}
}

.card.card-news .card-block .card-date {
	overflow: hidden;
	margin-bottom: 10px;
	color: #888;
	text-transform: uppercase;
	text-overflow: ellipsis;
	letter-spacing: 2px;
	font-size: 10px;
	line-height: 1
}

html[lang=ja] .card.card-news .card-block .card-date:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] .card.card-news .card-block .card-date:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] .card.card-news .card-block .card-date:not(.no-lang-localisation),
html[lang=zh] .card.card-news .card-block .card-date:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

.card.card-news .card-block .card-title {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: visible;
	box-sizing: border-box;
	color: #000;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 1.75
}

.card.card-news .card-block .card-cat,
.dropdown-menu .collapse-parent .card a {
	position: relative;
	top: 0;
	bottom: auto;
	visibility: inherit;
	box-sizing: border-box;
	color: #888;
	left: 0;
	z-index: auto;
	text-overflow: ellipsis
}

html[lang=ja] .card.card-news .card-block .card-title:not(.no-lang-localisation),
html[lang=zh] .card.card-news .card-block .card-title:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:360px) {
	.card.card-news .card-block .card-title {
		font-size: 18px
	}
}

@media (min-width:768px) {
	.card.card-news .card-block .card-title {
		letter-spacing: 1.5px;
		font-size: 20px;
		line-height: 1.3
	}

	html[lang=ja] .card.card-news .card-block .card-title:not(.no-lang-localisation),
	html[lang=zh] .card.card-news .card-block .card-title:not(.no-lang-localisation) {
		letter-spacing: 0 !important
	}
}

@media (min-width:1920px) {
	.card.card-news .card-block .card-title {
		font-size: 20px
	}
}

.card.card-news .card-block .card-cat {
	right: auto;
	overflow: visible;
	overflow: hidden;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	line-height: 1
}

html[lang=ja] .card.card-news .card-block .card-cat:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] .card.card-news .card-block .card-cat:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] .card.card-news .card-block .card-cat:not(.no-lang-localisation),
html[lang=zh] .card.card-news .card-block .card-cat:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

html.desktop .card.card-news .card-block .card-news__date-title-wrapper>:first-child::before {
	transition: width .3s ease;
	will-change: width
}

html.desktop .card.card-news .card-block .card-title::before {
	transition: width .35s ease;
	will-change: width
}

html.desktop .card.card-news .card-block .card-cat {
	transition: color .35s ease;
	will-change: color
}

html.desktop .card.card-news:hover .card-block .card-news__date-title-wrapper>:first-child::before {
	width: 60px
}

html.desktop .card.card-news:hover .card-block .card-title::before {
	width: 80px
}

html.desktop .card.card-news:hover .card-block .card-cat {
	color: var(--dataColor)
}

.card.card-usp-desc {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	background: 0 0
}

@media (min-width:768px) {
	.card.card-usp-desc {
		margin-right: auto;
		margin-left: auto;
		max-width: 85%
	}
}

@media (min-width:1200px) {
	.card.card-usp-desc {
		max-width: 75%
	}
}

.card.card-usp-desc .card-block {
	width: 100%;
	background: inherit
}

.card.card-usp-desc .card-block .card-topic {
	display: block;
	overflow: hidden;
	margin: 0 0 20px;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 2px;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	line-height: 1
}

.card.card-usp-desc .card-block .card-title {
	margin: 0 0 30px;
	letter-spacing: 1.5px;
	font-size: 18px;
	line-height: 1.55
}

html[lang=ja] .card.card-usp-desc .card-block .card-title:not(.no-lang-localisation),
html[lang=zh] .card.card-usp-desc .card-block .card-title:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:360px) {
	.card.card-usp-desc .card-block .card-title {
		font-size: 22px;
		line-height: 1.45
	}
}

@media (min-width:1440px) {
	.card.card-usp-desc {
		max-width: 70%
	}

	.card.card-usp-desc .card-block .card-title {
		letter-spacing: 2px;
		font-size: 28px;
		line-height: 1.42
	}

	html[lang=ja] .card.card-usp-desc .card-block .card-title:not(.no-lang-localisation),
	html[lang=zh] .card.card-usp-desc .card-block .card-title:not(.no-lang-localisation) {
		letter-spacing: 0 !important
	}
}

@media (min-width:1920px) {
	.card.card-usp-desc .card-block .card-title {
		font-size: 34px;
		line-height: 1.23
	}
}

.card.card-usp-desc .card-block .card-text {
	margin: 0
}

.dropdown-menu .collapse-parent {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box
}

.dropdown-menu .collapse-parent .card {
	padding: 0
}

.dropdown-menu .collapse-parent .card a {
	right: auto;
	display: -ms-flexbox;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	overflow: hidden;
	margin: 0;
	width: 100%;
	border: 0 solid transparent;
	border-top: 1px solid #f4f4f4;
	border-radius: 0;
	background: #fff;
	text-align: center;
	text-transform: none;
	white-space: nowrap;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 1;
	transition: color .2s ease, background .2s ease;
	-ms-flex-pack: justify;
	-ms-flex-align: baseline;
	will-change: color, background;
	padding: 22.5px 30px 19.5px
}

.dropdown-menu .collapse-parent .card .card-header {
	padding: 0
}

.dropdown-menu .collapse-parent .card .card-header a:focus,
html.desktop .dropdown-menu .collapse-parent .card .card-header a:hover {
	color: #000
}

.dropdown-menu .collapse-parent .card .card-header a:focus::after,
html.desktop .dropdown-menu .collapse-parent .card .card-header a:hover::after {
	color: #888
}

.dropdown-menu .collapse-parent .card .card-header a::after {
	display: block;
	overflow: hidden;
	color: #888;
	content: attr(data-country-count);
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: inherit;
	font-size: 12px;
	line-height: 1
}

.dropdown-menu .collapse-parent .card .card-header[disabled] a {
	background: #f4f4f4;
	opacity: .5;
	pointer-events: none
}

.dropdown-menu .collapse-parent .card .collapse,
.dropdown-menu .collapse-parent .card .collapsing {
	margin: 0;
	padding: 0
}

.dropdown-menu .collapse-parent .card .collapse .card-block,
.dropdown-menu .collapse-parent .card .collapsing .card-block {
	padding: 0
}

.dropdown-menu .collapse-parent .card .collapse .card-block a,
.dropdown-menu .collapse-parent .card .collapsing .card-block a {
	padding-right: 30px;
	padding-left: 45px
}

html.desktop .dropdown-menu .collapse-parent .card .collapse .card-block a::before,
html.desktop .dropdown-menu .collapse-parent .card .collapsing .card-block a::before {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 0;
	height: 100%;
	background: var(--dataColor);
	content: "";
	transition: width .2s ease;
	will-change: width
}

.carousel,
.carousel.carousel-viewport {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box
}

html.desktop .dropdown-menu .collapse-parent .card .collapse .card-block a::after,
html.desktop .dropdown-menu .collapse-parent .card .collapsing .card-block a::after {
	display: block;
	overflow: hidden;
	color: #888;
	content: attr(data-country-count);
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: inherit;
	font-size: 12px;
	line-height: 1
}

html.desktop .dropdown-menu .collapse-parent .card .collapse .card-block a.active,
html.desktop .dropdown-menu .collapse-parent .card .collapse .card-block a:hover,
html.desktop .dropdown-menu .collapse-parent .card .collapsing .card-block a.active,
html.desktop .dropdown-menu .collapse-parent .card .collapsing .card-block a:hover {
	color: #111
}

html.desktop .dropdown-menu .collapse-parent .card .collapse .card-block a.active::before,
html.desktop .dropdown-menu .collapse-parent .card .collapse .card-block a:hover::before,
html.desktop .dropdown-menu .collapse-parent .card .collapsing .card-block a.active::before,
html.desktop .dropdown-menu .collapse-parent .card .collapsing .card-block a:hover::before {
	width: 3px
}

html.desktop .dropdown-menu .collapse-parent .card .collapse .card-block a.active,
html.desktop .dropdown-menu .collapse-parent .card .collapsing .card-block a.active {
	pointer-events: none
}

.carousel {
	left: 0;
	z-index: auto
}

.carousel.carousel-fade .flickity-slider {
	transform: none !important
}

.carousel.carousel-fade .flickity-slider .carousel-cell {
	left: 0 !important;
	z-index: 1;
	opacity: 0;
	transition: opacity .4s ease .2s;
	will-change: opacity
}

.carousel.carousel-fade .flickity-slider .carousel-cell.is-selected {
	z-index: 2;
	opacity: 1;
	transition: opacity .4s ease
}

.carousel.carousel-viewport {
	left: 0;
	z-index: auto;
	padding: 0;
	width: 100%;
	height: calc(100vh - 70px);
	background: #f4f4f4
}

html.menu-hidden .carousel.carousel-viewport {
	height: 100vh
}

html.mobile .carousel.carousel-viewport {
	height: calc(100vh - (70px + 69px))
}

html.menu-hidden html.mobile .carousel.carousel-viewport {
	height: calc(100vh - 69px)
}

html.mobile.android .carousel.carousel-viewport {
	height: calc(100vh - (70px + 56px))
}

html.menu-hidden html.mobile.android .carousel.carousel-viewport {
	height: calc(100vh - 56px)
}

@media (min-width:992px) {
	.carousel.carousel-viewport {
		width: calc(100vw - 96px);
		height: 100vh
	}

	html.menu-hidden .carousel.carousel-viewport {
		width: 100vw
	}

	html.mobile .carousel.carousel-viewport {
		height: calc(100vh - 69px)
	}

	html.mobile.android .carousel.carousel-viewport {
		height: calc(100vh - 56px)
	}
}

@media (min-width:1200px) {
	.carousel.carousel-viewport.inner-padding {
		padding: 45px
	}

	.carousel.carousel-viewport.inner-padding .carousel.carousel-asnavfor-pager.center,
	.carousel.carousel-viewport.inner-padding .carousel.carousel-asnavfor-pager.left {
		bottom: calc(45px + 80px)
	}

	.carousel.carousel-viewport.inner-padding .scrolldown-cta {
		right: calc(45px + 100px);
		bottom: calc(45px + 60px)
	}

	#pages-wrapper>article.bottom-toolbar .carousel.carousel-viewport.inner-padding .scrolldown-cta {
		bottom: calc(45px + 80px)
	}
}

@media (min-width:1440px) {
	.carousel.carousel-viewport.inner-padding {
		padding: 60px
	}

	.carousel.carousel-viewport.inner-padding .carousel.carousel-asnavfor-pager.center,
	.carousel.carousel-viewport.inner-padding .carousel.carousel-asnavfor-pager.left {
		bottom: calc(60px + 80px)
	}

	.carousel.carousel-viewport.inner-padding .scrolldown-cta {
		right: calc(60px + 100px);
		bottom: calc(60px + 60px)
	}

	#pages-wrapper>article.bottom-toolbar .carousel.carousel-viewport.inner-padding .scrolldown-cta {
		bottom: calc(60px + 80px)
	}
}

@media (min-width:1920px) {
	.carousel.carousel-viewport.inner-padding {
		padding: 80px
	}

	.carousel.carousel-viewport.inner-padding .carousel.carousel-asnavfor-pager.center,
	.carousel.carousel-viewport.inner-padding .carousel.carousel-asnavfor-pager.left {
		bottom: calc(80px + 80px)
	}

	.carousel.carousel-viewport.inner-padding .scrolldown-cta {
		right: calc(80px + 100px);
		bottom: calc(80px + 60px)
	}

	#pages-wrapper>article.bottom-toolbar .carousel.carousel-viewport.inner-padding .scrolldown-cta {
		bottom: calc(80px + 80px)
	}
}

.carousel.carousel-viewport .scrolldown-cta {
	position: absolute;
	top: auto;
	right: 20px;
	bottom: 60px;
	left: auto;
	z-index: 3;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box
}

#pages-wrapper>article.bottom-toolbar .carousel.carousel-viewport .scrolldown-cta {
	bottom: 80px
}

@media (min-width:576px) {
	.carousel.carousel-viewport .scrolldown-cta {
		right: 40px
	}
}

@media (min-width:768px) {
	.carousel.carousel-viewport .scrolldown-cta {
		right: 100px
	}
}

.carousel.carousel-viewport .carousel-viewport__related-products-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: auto;
	left: auto;
	z-index: 2;
	display: -ms-flexbox;
	display: flex;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 198px;
	height: 66px;
	background: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	font-weight: 400;
	font-style: normal;
	font-size: 0;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	cursor: pointer
}

html.desktop .carousel.carousel-viewport .carousel-viewport__related-products-btn {
	transition: box-shadow .35s ease;
	will-change: box-shadow
}

html.desktop .carousel.carousel-viewport .carousel-viewport__related-products-btn:hover {
	box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .1)
}

@media (max-width:Infinitypx) {
	.carousel.carousel-viewport .carousel-viewport__related-products-btn {
		font-size: 14px
	}
}

@media (min-width:Infinitypx) {
	.carousel.carousel-viewport .carousel-viewport__related-products-btn {
		font-size: 14px
	}
}

@media (min-width:15px) {
	.carousel.carousel-viewport .carousel-viewport__related-products-btn {
		top: 15px;
		right: 15px
	}
}

@media (min-width:1200px) {
	.carousel.carousel-viewport .carousel-viewport__related-products-btn {
		top: 30px;
		right: 30px;
		width: 300px;
		height: 100px
	}
}

.carousel.carousel-viewport .carousel-viewport__related-products-btn div {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	min-width: 66px;
	width: 66px;
	height: 100%;
	background: #f4f4f4;
	pointer-events: none
}

@media (min-width:1200px) {
	.carousel.carousel-viewport .carousel-viewport__related-products-btn div {
		min-width: 100px;
		width: 100px
	}
}

.carousel.carousel-viewport .carousel-viewport__related-products-btn h6 {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	width: 100%;
	height: 100%;
	background: 0 0;
	color: var(--dataColor);
	text-align: center;
	-ms-flex-pack: center;
	-ms-flex-align: center
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: #f4f4f4
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.video-launcher .play-btn {
	position: absolute;
	top: calc(45% - 30px);
	right: auto;
	bottom: auto;
	left: calc(50% - 30px);
	z-index: 2;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, .2);
	cursor: pointer;
	transition: opacity .2s ease, transform .2s ease;
	will-change: opacity, transform
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.video-launcher .play-btn:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 12px solid #fff;
	content: '';
	transform: translate(-5px, -50%)
}

html.desktop .carousel.carousel-viewport>.flickity-viewport .carousel-cell.video-launcher .play-btn:hover {
	opacity: 1;
	transform: scale3d(1.3, 1.3, 1.3)
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid {
	height: inherit
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid.is-selected .row.carousel-cell__desc.anim-paused {
	visibility: hidden;
	transition: none
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid.is-selected .row.carousel-cell__desc.anim-paused .btn-cta {
	transition: none
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid.is-selected .row.carousel-cell__desc:not(.anim-paused) {
	opacity: 1;
	transition: transform .45s ease-in-out .4s, opacity .45s ease-in-out .4s;
	transform: translate3d(0, 0, 0);
	pointer-events: auto;
	will-change: transform, opacity
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid.is-selected .row.carousel-cell__desc:not(.anim-paused) .btn-cta {
	color: var(--dataColor) !important;
	opacity: 1;
	transition: color .8s ease 1s, transform .3s ease .8s, opacity .3s ease .8s;
	transform: translate3d(0, 0, 0);
	will-change: color, transform, opacity
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid.is-selected .carousel-cell__desc+.media-wrapper::after,
.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid.is-selected .media-wrapper::after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
	content: "";
	will-change: transform, opacity;
	top: 0;
	right: auto;
	left: 0;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	z-index: auto
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid.is-selected .media-wrapper::after {
	bottom: auto;
	opacity: 0;
	transition: opacity .6s ease-in-out .2s;
	transition: opacity .5s ease-out .4s
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid.is-selected .media-wrapper.img-lazyloaded::after {
	opacity: .35
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid.is-selected .carousel-cell__desc+.media-wrapper::after {
	bottom: auto;
	opacity: 0;
	transition: opacity .8s ease-in-out .4s;
	transition: opacity .5s ease-out .4s
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid.is-selected .carousel-cell__desc+.media-wrapper.img-lazyloaded::after {
	opacity: .8
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row {
	height: inherit
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: 2;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	padding-bottom: 122px;
	color: #fff;
	opacity: 0;
	transition: transform 0s ease .25s, opacity .4s ease 0s;
	transform: translate3d(15px, 0, 0);
	pointer-events: none
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic {
	overflow: hidden;
	color: #fff;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 2px;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	line-height: 1
}

html[lang=ja] .carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] .carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] .carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic:not(.no-lang-localisation),
html[lang=zh] .carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:768px) {
	.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc {
		padding-bottom: 160px
	}

	.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic {
		font-size: 14px
	}
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic span {
	overflow: hidden;
	color: inherit;
	text-transform: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: inherit;
	font-weight: 400;
	font-style: normal;
	font-size: inherit;
	font-family: HelveticaNeueLTCYR-Roman, Arial, sans-serif;
	line-height: 1
}

html[lang=ja] .carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic span:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP regular", sans-serif
}

html[lang=zh] .carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic span:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC regular", sans-serif
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic span:not(:empty)::before {
	content: " / "
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__topic+.carousel-cell__title::before {
	content: none
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__title {
	margin: 0;
	font-size: 2vw
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__title::before {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 20px;
	width: 40px;
	height: 2px;
	background: var(--dataColor);
	content: ""
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell .carousel-cell__desc+.media-wrapper::after,
.carousel.carousel-viewport>.flickity-viewport .carousel-cell .media-wrapper::after {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
	will-change: transform, opacity;
	top: 0;
	bottom: auto;
	display: block;
	right: auto;
	content: "";
	visibility: inherit;
	box-sizing: border-box;
	left: 0
}

@media (max-width:1100px) {
	.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .carousel-cell__title {
		font-size: 22px
	}
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell.container-fluid .row.carousel-cell__desc .btn-cta {
	margin-top: 30px;
	color: #fff !important;
	text-shadow: 0 0 10px rgba(255, 255, 255, .14);
	opacity: 0;
	transform: translate3d(0, -7px, 0)
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell .media-wrapper::after {
	z-index: auto;
	opacity: 0;
	transition: opacity .4s ease 0s;
	transition: opacity .5s ease-out .4s
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell .media-wrapper.img-lazyloaded::after {
	opacity: .8
}

.carousel.carousel-viewport>.flickity-viewport .carousel-cell .carousel-cell__desc+.media-wrapper::after {
	z-index: auto;
	opacity: 0;
	transition: opacity .4s ease 0s;
	transition: opacity .5s ease-out .4s
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled) .carousel-cell__desc,
.carousel.carousel-viewport>.flickity-viewport .carousel-cell .carousel-cell__desc+.media-wrapper.img-lazyloaded::after {
	opacity: 1
}

.carousel.carousel-irregular {
	margin-top: calc(-70px * 1.5);
	padding-bottom: 80px;
	min-width: 100%;
	height: calc(90vh - 80px * 2) !important;
	background: 0 0
}

@media (min-width:992px) {
	.carousel.carousel-irregular {
		margin-top: 0
	}
}

.brands-component .carousel.carousel-irregular {
	overflow: visible;
	margin-top: 0;
	padding-bottom: 0;
	height: auto !important;
	height: auto
}

@media (min-width:1440px) {
	.brands-component .carousel.carousel-irregular {
		height: auto
	}
}

.brands-component .carousel.carousel-irregular>.flickity-viewport {
	overflow: visible;
	height: auto
}

.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider {
	height: 100%
}

.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media {
	margin: 0 15px;
	max-width: none;
	width: 80%;
	height: auto
}

@media (min-width:576px) {
	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media {
		width: 65%
	}
}

@media (min-width:1200px) {
	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media {
		width: 40%
	}
}

.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper::before {
	display: block;
	padding-top: 133.3333333333%;
	content: ""
}

.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper .media-inner-content {
	position: relative;
	top: -5%;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 110%
}

.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper .media-inner-content picture {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper .media-inner-content canvas,
.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper .media-inner-content img,
.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper .media-inner-content video {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

@media (min-width:768px) {
	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper {
		position: relative;
		display: block;
		min-width: 0;
		max-width: none;
		width: 100%;
		height: auto
	}

	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper::before {
		display: block;
		padding-top: 100%;
		content: ""
	}

	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper {
		position: absolute;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		z-index: auto;
		visibility: inherit;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
		height: 100%
	}

	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper .media-inner-content {
		position: relative;
		top: -5%;
		right: auto;
		bottom: auto;
		left: 0;
		z-index: auto;
		display: block;
		visibility: inherit;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
		height: 110%
	}

	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper .media-inner-content picture {
		position: absolute;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		z-index: auto;
		display: block;
		visibility: inherit;
		overflow: hidden;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%
	}

	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper .media-inner-content canvas,
	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper .media-inner-content img,
	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .media-wrapper .media-inner-wrapper .media-inner-content video {
		position: absolute;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		z-index: auto;
		display: block;
		visibility: inherit;
		overflow: hidden;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		font-family: "object-fit: cover";
		object-fit: cover
	}
}

.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .desc {
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	z-index: 3;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 20px;
	width: 100%;
	transform: none
}

@media (min-width:576px) {
	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .desc {
		padding: 40px
	}
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn {
	pointer-events: none
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.is-selected) * {
	pointer-events: none !important
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn .media-wrapper {
	z-index: 2;
	transition: transform .3s ease;
	transform: scale(1);
	transform-origin: center;
	pointer-events: none;
	will-change: transform
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn .media-wrapper .media-inner-content {
	transition: background .25s ease;
	will-change: background
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled) .carousel-cell__desc div {
	overflow: hidden;
	color: #fff;
	text-decoration: none !important;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 2px;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	line-height: 1
}

html[lang=ja] .carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled) .carousel-cell__desc div:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] .carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled) .carousel-cell__desc div:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] .carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled) .carousel-cell__desc div:not(.no-lang-localisation),
html[lang=zh] .carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled) .carousel-cell__desc div:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:768px) {
	.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled) .carousel-cell__desc div {
		font-size: 14px
	}
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled) .media-wrapper picture {
	opacity: .35;
	transition: opacity .2s ease;
	will-change: opacity
}

html.desktop .carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled):hover .carousel-cell__desc {
	opacity: 0
}

html.desktop .carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled):hover .media-wrapper {
	cursor: pointer !important;
	transition: transform .3s ease;
	transform: scale(.6);
	will-change: transform
}

html.desktop .carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled):hover .media-wrapper picture {
	opacity: 1
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn:not(.disabled) .media-wrapper {
	transition: transform .18s ease;
	transform: scale(.5);
	pointer-events: auto;
	will-change: transform
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn .carousel-cell__desc {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: 3;
	display: -ms-flexbox;
	display: flex;
	visibility: inherit;
	align-items: center;
	justify-content: center;
	overflow: visible;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	-ms-flex-align: center;
	-ms-flex-pack: center
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn .carousel-cell__desc>div {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	color: #fff;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 10px;
	line-height: 1
}

@media (min-width:360px) {
	.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn .carousel-cell__desc>div {
		font-size: 12px
	}
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell .carousel-cell__desc {
	opacity: 0;
	transition: opacity .3s ease;
	will-change: opacity
}

.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell .carousel-cell__desc>div {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box
}

.carousel.carousel-irregular>.flickity-viewport {
	height: calc((90vh - 80px * 2) - 80px)
}

.carousel.carousel-irregular>.flickity-viewport .flickity-slider {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-align: center
}

.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell {
	margin: 0 20px;
	max-width: 100%;
	height: calc((90vh - 80px * 2) - 80px)
}

@media (min-width:768px) {
	.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell {
		margin: 0 30px
	}
}

@media (min-width:992px) {
	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .desc {
		padding: 40px
	}

	.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell {
		margin: 0 40px
	}
}

@media (min-width:1200px) {
	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .desc {
		padding: 30px
	}

	.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell {
		margin: 0 50px
	}
}

.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.landscape {
	width: calc(((90vh - 80px * 2) - 80px) * (16 / 9))
}

.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.portrait {
	width: calc(((90vh - 80px * 2) - 80px) * (3 / 4))
}

.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.squared {
	width: calc((90vh - 80px * 2) - 80px)
}

.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.cell-with-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
	z-index: 2;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	background-image: url(../fonts/external-link-icon.svg), linear-gradient(45deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 100%);
	background-position: center, center;
	background-size: 16px 16px, 100% 100%;
	background-repeat: no-repeat, no-repeat;
	content: "";
	opacity: 0;
	transition: opacity .25s ease;
	will-change: opacity
}

@media (min-width:1440px) {
	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .desc {
		padding: 40px
	}

	.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell {
		margin: 0 60px
	}

	.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.cell-with-link::after {
		width: 50px;
		height: 50px;
		background-size: 20px 20px, 100% 100%;
		transition: opacity .45s ease-in-out
	}
}

@media (min-width:1920px) {
	.brands-component .carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.wide-double-media .desc {
		padding: 50px
	}

	.carousel.carousel-irregular.has-next-ispiration>.flickity-viewport .flickity-slider .carousel-cell.next-ispiration-btn .carousel-cell__desc>div {
		font-size: 14px
	}

	.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell {
		margin: 0 80px
	}

	.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.cell-with-link::after {
		width: 60px;
		height: 60px;
		background-size: 24px 24px, 100% 100%
	}
}

.carousel.carousel-autoplay.landscape>.flickity-viewport,
.carousel.carousel-autoplay.portrait>.flickity-viewport,
.carousel.carousel-autoplay.squared>.flickity-viewport,
.carousel.carousel-autoplay>.flickity-viewport {
	height: auto;
	display: block;
	position: relative;
	width: 100%;
	min-width: 0;
	max-width: none
}

.carousel.carousel-irregular>.flickity-viewport .flickity-slider .carousel-cell.cell-with-link.is-selected::after {
	opacity: 1
}

.carousel.carousel-autoplay {
	padding-bottom: 30px;
	background: 0 0
}

.carousel.carousel-autoplay.squared>.flickity-viewport::before {
	display: block;
	padding-top: 100%;
	content: ""
}

.carousel.carousel-autoplay.portrait>.flickity-viewport::before {
	display: block;
	padding-top: 133.3333333333%;
	content: ""
}

.carousel.carousel-autoplay.landscape>.flickity-viewport,
.carousel.carousel-autoplay>.flickity-viewport {
	background: #f4f4f4
}

.carousel.carousel-autoplay.landscape>.flickity-viewport::before,
.carousel.carousel-autoplay>.flickity-viewport::before {
	display: block;
	padding-top: 56.25%;
	content: ""
}

.carousel.carousel-autoplay.landscape>.flickity-viewport .flickity-slider,
.carousel.carousel-autoplay>.flickity-viewport .flickity-slider {
	top: 0;
	left: 0
}

.carousel.carousel-autoplay.landscape>.flickity-viewport .flickity-slider .carousel-cell,
.carousel.carousel-autoplay>.flickity-viewport .flickity-slider .carousel-cell {
	display: block;
	width: 100%;
	height: 100%;
	background: #f4f4f4
}

.carousel.carousel-autoplay.landscape>.flickity-viewport .flickity-slider .carousel-cell .carousel-cell__desc,
.carousel.carousel-autoplay>.flickity-viewport .flickity-slider .carousel-cell .carousel-cell__desc {
	display: none
}

.carousel.carousel-autoplay.landscape>.flickity-viewport .flickity-slider .carousel-cell picture,
.carousel.carousel-autoplay>.flickity-viewport .flickity-slider .carousel-cell picture {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.carousel.carousel-autoplay.landscape>.flickity-viewport .flickity-slider .carousel-cell picture img,
.carousel.carousel-autoplay>.flickity-viewport .flickity-slider .carousel-cell picture img {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

.carousel .carousel.carousel-asnavfor-pager,
.carousel .carousel.carousel-asnavfor-pager.center-outside,
.carousel.carousel-autoplay .carousel-autoplay-controls {
	right: auto;
	z-index: 2;
	visibility: inherit;
	box-sizing: border-box;
	overflow: hidden;
	top: auto
}

.carousel.carousel-autoplay .carousel-autoplay-controls {
	position: absolute;
	bottom: 0;
	left: 0
}

#pages-wrapper>article.bottom-toolbar .carousel:not(.carousel-irregular) .carousel.carousel-asnavfor-pager {
	bottom: 80px
}

.carousel .carousel.carousel-asnavfor-pager {
	position: relative;
	bottom: 60px;
	left: 0;
	display: block;
	width: 250px;
	background: 0 0;
	opacity: 1;
	transition: opacity .2s ease, margin .2s ease;
	will-change: opacity
}

.carousel .carousel.carousel-asnavfor-pager.pager-hidden {
	opacity: 0
}

.carousel .carousel.carousel-asnavfor-pager.center-outside {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate3d(-50%, 0, 0)
}

.carousel .carousel.carousel-asnavfor-pager.left {
	position: absolute;
	left: 8.333333%
}

.carousel .carousel.carousel-asnavfor-pager.center {
	position: absolute;
	left: 50%;
	transform: translate3d(-50%, 0, 0)
}

.carousel .carousel.carousel-asnavfor-pager.dark-theme .carousel-cell::before {
	color: #000
}

.carousel .carousel.carousel-asnavfor-pager .carousel-cell {
	position: relative;
	top: auto;
	right: 0;
	bottom: auto;
	left: 0;
	z-index: 1;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0 0 25px;
	width: 100px;
	width: 50px;
	height: 80px;
	height: auto;
	background: 0 0;
	color: #888;
	counter-increment: carousel-cell;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 4px;
	font-size: 10px;
	line-height: 1;
	cursor: pointer;
	pointer-events: none
}

html[lang=ja] .carousel .carousel.carousel-asnavfor-pager .carousel-cell:not(.no-lang-localisation),
html[lang=zh] .carousel .carousel.carousel-asnavfor-pager .carousel-cell:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:576px) {
	.carousel .carousel.carousel-asnavfor-pager .carousel-cell {
		font-size: 12px
	}
}

.carousel .carousel.carousel-asnavfor-pager .carousel-cell::before {
	overflow: hidden;
	background: 0 0;
	color: #fff;
	content: counter(carousel-cell);
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
	opacity: .4;
	transition: opacity .2s ease;
	pointer-events: auto;
	will-change: opacity
}

.carousel .carousel.carousel-asnavfor-pager .carousel-cell:nth-of-type(-n+9)::before {
	content: "0"counter(carousel-cell)
}

.carousel .carousel.carousel-asnavfor-pager .carousel-cell.use-year::before {
	content: attr(data-year) !important
}

.carousel .carousel.carousel-asnavfor-pager .carousel-cell::after {
	position: absolute;
	top: auto;
	right: 5%;
	bottom: 0;
	left: auto;
	z-index: 2;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 0;
	background-color: var(--dataColor);
	content: "";
	transition: height .25s ease;
	will-change: height
}

.carousel .carousel-autoplay-controls,
.carousel .carousel-autoplay-controls p::before,
.carousel .carousel-basic-counter {
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	overflow: hidden;
	visibility: inherit;
	box-sizing: border-box
}

.carousel .carousel.carousel-asnavfor-pager .carousel-cell.is-nav-selected::before {
	opacity: 1;
	transition: opacity .4s ease;
	pointer-events: none
}

.carousel .carousel.carousel-asnavfor-pager .carousel-cell.is-nav-selected::after {
	height: 2px;
	color: var(--dataColor);
	transition: height .25s ease
}

.carousel .carousel-basic-counter {
	position: relative;
	top: 0;
	display: -ms-flexbox;
	display: flex;
	color: #888;
	text-align: left;
	white-space: nowrap;
	letter-spacing: 2px;
	font-size: 12px;
	line-height: 1
}

.carousel .carousel-basic-counter .carousel-basic-counter-progress {
	display: block;
	color: #000;
	line-height: inherit
}

.carousel .carousel-basic-counter .carousel-basic-counter-total {
	display: block;
	color: #888;
	line-height: inherit
}

.carousel .carousel-basic-counter .carousel-basic-counter-total::before {
	content: "/"
}

.carousel .carousel-autoplay-controls {
	position: absolute;
	top: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	align-items: baseline;
	justify-content: flex-start;
	width: 100%;
	-ms-flex-pack: start;
	-ms-flex-align: baseline
}

.carousel .carousel-autoplay-controls p {
	overflow: hidden;
	margin: 0;
	color: #888;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 2px;
	font-size: 12px;
	line-height: 1
}

.carousel .carousel-autoplay-controls p::before {
	position: relative;
	top: -1px;
	margin: 0 7px;
	content: "|"
}

.carousel .carousel-autoplay-controls p:empty {
	display: none
}

.carousel .carousel-autoplay-controls .carousel-basic-counter {
	display: -ms-flexbox;
	display: flex;
	align-items: baseline;
	-ms-flex-align: baseline
}

.carousel .flickity-prev-next-button {
	transition: opacity .2s ease, border .3s ease, background .3s ease
}

.carousel .flickity-prev-next-button:focus {
	box-shadow: none
}

.carousel .flickity-prev-next-button:disabled {
	background: 0 0;
	cursor: default;
	pointer-events: none
}

html.desktop .carousel .flickity-prev-next-button {
	will-change: background
}

html.desktop .carousel .flickity-prev-next-button svg path {
	transition: fill .3s ease;
	will-change: fill
}

html.desktop .carousel .flickity-prev-next-button:hover {
	border: #000;
	background: #000
}

html.desktop .carousel .flickity-prev-next-button:hover svg path {
	fill: #fff
}

.carousel-default.landscape .carousel>.flickity-viewport {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

.carousel-default.landscape .carousel>.flickity-viewport::before {
	display: block;
	padding-top: 56.25%;
	content: ""
}

.carousel-default.landscape .carousel .flickity-prev-next-button.next {
	top: calc(50% - (47px + 10px))
}

.carousel-default.landscape .carousel .flickity-prev-next-button.previous {
	top: calc(50% + 10px)
}

@media (min-width:992px) {
	.carousel-default.landscape .carousel .carousel-basic-counter {
		top: calc(50% + (47px + 30px));
		bottom: auto;
		left: auto
	}
}

.carousel-default.landscape aside {
	display: none
}

.carousel-default.squared .carousel>.flickity-viewport,
.carousel-default.squared aside>div {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

.carousel-default.squared .carousel>.flickity-viewport::before,
.carousel-default.squared aside>div::before {
	display: block;
	padding-top: 100%;
	content: ""
}

.carousel-default.portrait .carousel>.flickity-viewport,
.carousel-default.portrait aside>div {
	position: relative;
	display: block;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

.carousel-default.portrait .carousel>.flickity-viewport::before,
.carousel-default.portrait aside>div::before {
	display: block;
	padding-top: 133.3333333333%;
	content: ""
}

.carousel-default.portrait .carousel .flickity-prev-next-button.next,
.carousel-default.squared .carousel .flickity-prev-next-button.next {
	top: auto;
	bottom: calc(47px + 55px)
}

.carousel-default.portrait .carousel .flickity-prev-next-button.previous,
.carousel-default.squared .carousel .flickity-prev-next-button.previous {
	top: auto;
	bottom: 35px
}

.carousel-default .carousel {
	overflow: visible;
	padding-top: 32px;
	padding-bottom: 32px;
	background: 0 0
}

@media (min-width:992px) {

	.carousel-default.portrait .carousel .carousel-basic-counter,
	.carousel-default.squared .carousel .carousel-basic-counter {
		top: auto;
		bottom: 0
	}

	.carousel-default .carousel {
		padding-top: 0;
		padding-bottom: 0
	}
}

.carousel-default .carousel .external-desc {
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	z-index: 2;
	display: -ms-flexbox;
	display: flex;
	visibility: inherit;
	align-items: center;
	justify-content: center;
	overflow: visible;
	box-sizing: border-box;
	width: 100%;
	height: 22px;
	pointer-events: none;
	-ms-flex-align: center;
	-ms-flex-pack: center
}

@media (min-width:1920px) {
	.carousel-default .carousel .external-desc {
		left: -87px
	}
}

@media (min-width:1440px) {
	.carousel-default .carousel .external-desc {
		left: -77px
	}
}

@media (min-width:1200px) {
	.carousel-default .carousel .external-desc {
		left: -77px
	}
}

@media (min-width:992px) {
	.carousel-default .carousel .external-desc {
		left: -77px;
		-ms-flex-direction: column;
		flex-direction: column;
		align-items: flex-start;
		width: 77px;
		height: 100%;
		-ms-flex-align: start
	}
}

.carousel-default .carousel .flickity-prev-next-button {
	left: auto;
	display: none;
	margin: 0
}

@media (min-width:992px) {
	.carousel-default .carousel .flickity-prev-next-button {
		display: block;
		transform: none
	}
}

.carousel-default .carousel .carousel-basic-counter {
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: 50%;
	z-index: 2;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	transform: translate3d(-50%, 0, 0)
}

@media (min-width:1920px) {

	.carousel-default .carousel .carousel-basic-counter,
	.carousel-default .carousel .flickity-prev-next-button {
		right: -87px
	}
}

@media (min-width:1440px) {

	.carousel-default .carousel .carousel-basic-counter,
	.carousel-default .carousel .flickity-prev-next-button {
		right: -77px
	}
}

@media (min-width:1200px) {

	.carousel-default .carousel .carousel-basic-counter,
	.carousel-default .carousel .flickity-prev-next-button {
		right: -77px
	}
}

@media (min-width:992px) {
	.carousel-default .carousel .carousel-basic-counter {
		left: auto;
		text-align: right;
		transform: none
	}

	.carousel-default .carousel .carousel-basic-counter,
	.carousel-default .carousel .flickity-prev-next-button {
		right: -77px
	}
}

.carousel-default .carousel .flickity-viewport {
	position: absolute;
	position: relative;
	top: auto;
	right: 0;
	bottom: 0;
	left: auto;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto;
	background: #f4f4f4
}

.carousel-default .carousel .flickity-viewport::before {
	display: block;
	padding-top: 56.25%;
	content: ""
}

.carousel-default .carousel .flickity-viewport .flickity-slider {
	top: 0;
	left: 0
}

.carousel-default .carousel .flickity-viewport .flickity-slider .carousel-cell {
	display: block;
	width: 100%;
	height: 100%;
	background: #f4f4f4
}

.carousel-default .carousel .flickity-viewport .flickity-slider .carousel-cell .carousel-cell__desc {
	display: none
}

.carousel-default .carousel .flickity-viewport .flickity-slider .carousel-cell picture {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.carousel-default .carousel .flickity-viewport .flickity-slider .carousel-cell picture img {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

.carousel-default aside>div {
	background: #f4f4f4
}

.carousel-history,
.carousel-history>.carousel {
	background: 0 0;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box
}

.carousel-default aside>div picture {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.carousel-default aside>div img,
.carousel-default aside>div video {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

.carousel-history {
	position: relative;
	display: block;
	width: 100%;
	height: auto
}

@media (min-width:768px) {
	.carousel-history .carousel.carousel-asnavfor-pager {
		width: 650px
	}
}

@media (min-width:992px) {
	.carousel-default .carousel .flickity-viewport {
		padding-top: 0
	}

	.carousel-history {
		height: 38vw
	}

	.carousel-history .carousel.carousel-asnavfor-pager {
		width: 800px
	}
}

@media (min-width:1200px) {
	.carousel-history .carousel.carousel-asnavfor-pager {
		width: 1000px
	}
}

@media (min-width:1440px) {
	.carousel-history .carousel.carousel-asnavfor-pager {
		width: 1250px
	}
}

@media (min-width:1920px) {
	.carousel-history .carousel.carousel-asnavfor-pager {
		width: 1700px
	}
}

.carousel-history>.carousel {
	position: absolute;
	width: 100%;
	height: 100%
}

.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell {
	position: relative;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell.is-selected .carousel-history__year {
	opacity: 1;
	transition: transform .7s ease-in-out, opacity .45s ease .4s;
	transform: scale(1)
}

@media (min-width:992px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell.is-selected .carousel-history__year {
		transition: transform .6s ease-in-out, opacity .35s ease .3s
	}
}

.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__year {
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	overflow: hidden;
	width: 100%;
	height: 100%;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	font-style: normal;
	font-size: 38vw;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	line-height: 1;
	opacity: .35;
	transition: transform .7s ease 0, opacity .3s ease 0;
	transform: scale(.85);
	transform-origin: 50% 20%;
	-ms-flex-pack: center;
	will-change: transform, opacity
}

@media (max-width:263.1578947368px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__year {
		font-size: 100px
	}
}

@media (min-width:992px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__year {
		align-items: center;
		transform-origin: center;
		-ms-flex-align: center
	}
}

.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info {
	position: absolute;
	top: 27vw;
	right: auto;
	bottom: auto;
	left: 10%;
	z-index: auto;
	display: -ms-flexbox;
	display: flex;
	visibility: inherit;
	-ms-flex-direction: row;
	flex-direction: row;
	overflow: hidden;
	box-sizing: border-box;
	width: 80%;
	height: auto;
	opacity: 0;
	transform-origin: center;
	pointer-events: none
}

.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid,
.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid,
.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row {
	height: 100%
}

.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc {
	margin-top: 25px;
	letter-spacing: 1px;
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	font-family: HelveticaNeueLTCYR-Roman, Arial, sans-serif;
	line-height: 2
}

html[lang=ja] .carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc:not(.no-lang-localisation),
html[lang=zh] .carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

html[lang=ja] .carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP regular", sans-serif
}

html[lang=zh] .carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC regular", sans-serif
}

@media (min-width:576px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc {
		font-size: 14px
	}
}

@media (min-width:1920px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc {
		font-size: 16px;
		line-height: 1.8
	}
}

@media (min-width:992px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info {
		top: 50%;
		transform: translate3d(0, -50%, 0)
	}

	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc {
		margin-top: 0;
		padding: 20px
	}
}

@media (min-width:992px) and (min-width:360px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc {
		padding: 30px
	}
}

@media (min-width:992px) and (min-width:576px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc {
		padding: 45px
	}
}

@media (min-width:992px) and (min-width:768px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc {
		padding: 30px
	}
}

@media (min-width:992px) and (min-width:992px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc {
		padding: 30px
	}
}

@media (min-width:992px) and (min-width:1200px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc {
		padding: 30px
	}
}

@media (min-width:992px) and (min-width:1440px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc {
		padding: 30px
	}
}

@media (min-width:992px) and (min-width:1920px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__info .restricted-container-fluid .container-fluid>.row .carousel-cell__desc {
		padding: 40px
	}
}

.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__wide-img {
	position: absolute;
	top: 37vw;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 70%;
	height: 100%;
	opacity: 0;
	transform-origin: center;
	pointer-events: none
}

.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__wide-img .restricted-container-fluid,
.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__wide-img .restricted-container-fluid .container-fluid,
.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__wide-img .restricted-container-fluid .container-fluid>.row {
	height: 100%
}

.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__wide-img .restricted-container-fluid .container-fluid>.row>* .media-wrapper {
	margin-top: 40px;
	box-shadow: 10px 60px 160px rgba(0, 0, 0, .2)
}

@media (min-width:992px) {
	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__wide-img {
		top: 0;
		height: 100%
	}

	.carousel-history>.carousel>.flickity-viewport>.flickity-slider .carousel-cell .carousel-history__wide-img .restricted-container-fluid .container-fluid>.row>* .media-wrapper {
		margin-top: 0
	}
}

.carousel-history>.carousel .carousel.carousel-asnavfor-pager {
	bottom: 0 !important
}

.popover.boffi-popover {
	border-color: #ddd;
	box-shadow: 0 0 18px rgba(0, 0, 0, .1)
}

.popover.boffi-popover[ref-id=popover-language] {
	top: auto;
	width: 280px;
	text-align: center
}

.popover.boffi-popover[ref-id=popover-language]::after,
.popover.boffi-popover[ref-id=popover-language]::before {
	left: 86%
}

#popover-language__cta,
#popover-language__map img,
#popover-language__title {
	top: 0;
	left: 0;
	z-index: auto;
	visibility: inherit;
	box-sizing: border-box;
	overflow: hidden;
	bottom: auto;
	right: auto
}

#popover-language__cta,
#popover-language__title {
	position: relative;
	margin-bottom: 25px;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	line-height: 1
}

#popover-language__title {
	margin-top: 20px;
	padding-top: 20px
}

#popover-language__title::before {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: calc(50% - 15px);
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 30px;
	height: 2px;
	background: var(--dataColor);
	content: ""
}

#popover-language__cta {
	display: block;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd
}

#popover-language__map {
	position: relative;
	display: block;
	margin-bottom: 20px;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

#popover-language__map::before {
	display: block;
	padding-top: 60%;
	content: ""
}

#popover-language__map img {
	position: absolute;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

#popover-language__dropdown {
	margin-bottom: 32px;
	width: 100%
}

#popover-language__dropdown-menu {
	overflow: scroll;
	height: 180px
}

#popover-language__available-languages {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-around;
	padding: 0;
	width: 100%;
	list-style: none;
	-ms-flex-pack: distribute;
	-ms-flex-align: center
}

#popover-language__available-languages li {
	margin: 0;
	padding: 5px
}

#popover-language__available-languages li a {
	overflow: hidden;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1
}

#popover-language__available-languages li a.active {
	color: #000;
	pointer-events: none
}

@keyframes spinner-rotation {
	from {
		transform: rotate(0);
		transform-origin: 50%
	}

	to {
		transform: rotate(360deg);
		transform-origin: 50%
	}
}

@keyframes cta-btn-arrow-hover {
	0% {
		background-position: center center
	}

	50% {
		background-position: 50px center
	}

	50.1% {
		background-position: 50px -50px
	}

	50.2% {
		background-position: -50px -50px
	}

	50.3% {
		background-position: -50px center
	}

	100% {
		background-position: center center
	}
}

.modal .close {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: auto;
	left: auto;
	z-index: auto;
	display: block;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	outline: 0;
	border: none;
	background: url(../fonts/close-icon__black.svg) center center no-repeat;
	background-origin: border-box;
	background-size: contain;
	box-shadow: none;
	text-shadow: none;
	line-height: 1;
	opacity: .5;
	filter: invert(0);
	cursor: pointer;
	transition: filter .3s ease-in-out;
	will-change: filter
}

#modal-changelanguage__cta,
#modal-changelanguage__title,
#modal-newsletter.modal .close {
	left: 0;
	z-index: auto;
	visibility: inherit;
	box-sizing: border-box;
	top: 0;
	bottom: auto;
	position: relative;
	overflow: hidden
}

html.desktop .modal .close {
	transition: transform .25s ease;
	transform: rotate(0);
	transform-origin: center;
	will-change: transform
}

html.desktop .modal .close:hover {
	opacity: 1;
	transform: rotate(90deg)
}

.modal.dark-theme .close {
	filter: invert(100%)
}

.modal.dark-theme .close html.no-cssfilters {
	background-image: url(../fonts/close-icon__white.svg)
}

.modal.dark-theme+.modal-backdrop {
	background-color: #fff
}

.modal.dark-theme+.modal-backdrop.show {
	opacity: .6
}

.modal.dark-theme .modal-dialog {
	background: #000;
	color: #fff
}

.modal .modal-dialog {
	padding: 20px;
	background: #fff;
	color: #000
}

@media (min-width:360px) {
	.modal .modal-dialog {
		padding: 30px
	}
}

@media (min-width:576px) {
	.modal .modal-dialog {
		padding: 45px
	}
}

@media (min-width:768px) {
	.modal .modal-dialog {
		padding: 30px
	}
}

@media (min-width:992px) {
	.modal .modal-dialog {
		padding: 30px
	}
}

@media (min-width:1200px) {
	.modal .modal-dialog {
		padding: 30px
	}
}

@media (min-width:1440px) {
	.modal .modal-dialog {
		padding: 30px
	}
}

@media (min-width:1920px) {
	.modal .modal-dialog {
		padding: 40px
	}
}

.modal .modal-dialog .modal-content {
	border: none;
	background: 0 0;
	color: inherit
}

.modal .modal-dialog .modal-content .modal-body,
.modal .modal-dialog .modal-content .modal-footer,
.modal .modal-dialog .modal-content .modal-header {
	padding: 0;
	border: none;
	background: 0 0;
	color: inherit
}

#modal-newsletter.modal .close {
	right: auto
}

#modal-newsletter.modal .modal-dialog .modal-header {
	margin-bottom: 20px
}

#modal-newsletter.modal .modal-dialog .modal-body label.error {
	display: none !important
}

#modal-newsletter.modal .modal-dialog .modal-body h4 {
	overflow: hidden;
	margin-bottom: 40px;
	color: var(--dataColor);
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	white-space: normal !important;
	letter-spacing: 2px;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	line-height: 1
}

html[lang=ja] #modal-newsletter.modal .modal-dialog .modal-body h4:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] #modal-newsletter.modal .modal-dialog .modal-body h4:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] #modal-newsletter.modal .modal-dialog .modal-body h4:not(.no-lang-localisation),
html[lang=zh] #modal-newsletter.modal .modal-dialog .modal-body h4:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:768px) {
	#modal-newsletter.modal .modal-dialog .modal-body h4 {
		font-size: 14px
	}
}

#modal-newsletter.modal .modal-dialog .modal-body>.row {
	margin-bottom: 40px
}

#modal-newsletter.modal .modal-dialog .modal-body .restricted-container-fluid {
	margin-right: auto !important;
	margin-left: auto !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	width: 100% !important
}

#modal-newsletter.modal .modal-dialog .modal-body .newsletter-form__input-wrapper input.form-control {
	width: 100% !important
}

#modal-newsletter.modal .modal-dialog .modal-body .newsletter-form__submit-btn {
	max-width: 120px
}

#modal-newsletter.modal .modal-dialog {
	max-width: 1000px
}

@media (min-width:576px) {
	#modal-newsletter.modal .modal-dialog {
		width: 80%
	}
}

#modal-newsletter.modal .modal-dialog img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover
}

#modal-newsletter.modal .newsletter-form .newsletter-form__confirm-msg,
#modal-newsletter.modal .newsletter-form .newsletter-form__duplicate-msg,
#modal-newsletter.modal .newsletter-form .newsletter-form__error-msg {
	background: #fff
}

#modal-newsletter.modal .ui-checkboxradio-label {
	white-space: normal
}

#modal-instagram.modal .modal-dialog .modal-content .modal-header {
	min-height: 55px
}

#modal-instagram.modal .modal-dialog .modal-content .modal-body iframe {
	margin: 0 !important;
	width: 100% !important;
	border: none !important
}

#modal-changelanguage .modal-body,
#modal-changelanguage .modal-header {
	text-align: center
}

#modal-changelanguage .modal-footer {
	margin-top: 30px
}

#modal-changelanguage__submit-btn {
	margin: 0 auto;
	text-transform: uppercase
}

#modal-changelanguage__cta,
#modal-changelanguage__title {
	right: auto;
	margin-bottom: 25px;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	font-style: normal;
	font-size: 10px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	line-height: 1
}

#modal-changelanguage__title {
	margin: 0 auto;
	padding: 20px 0
}

#modal-changelanguage__title::before {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: calc(50% - 15px);
	z-index: auto;
	visibility: inherit;
	overflow: hidden;
	box-sizing: border-box;
	width: 30px;
	height: 2px;
	background: var(--dataColor);
	content: ""
}

#modal-changelanguage__map img,
#modal-flagship-changelanguage .modal-dialog,
#modal-flagship-changelanguage .modal-dialog .modal-content .modal-header .modal-title::before {
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: auto;
	visibility: inherit;
	box-sizing: border-box
}

#modal-changelanguage__cta {
	display: block;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd
}

#modal-changelanguage__map {
	position: relative;
	display: block;
	margin-bottom: 20px;
	min-width: 0;
	max-width: none;
	width: 100%;
	height: auto
}

#modal-changelanguage__map::before {
	display: block;
	padding-top: 60%;
	content: ""
}

#modal-changelanguage__map img {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	font-family: "object-fit: cover";
	object-fit: cover
}

#modal-changelanguage__dropdown {
	margin-bottom: 32px;
	width: 100%
}

#modal-changelanguage__dropdown-menu {
	overflow: scroll;
	height: 180px
}

#modal-changelanguage__available-languages {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: 100%;
	list-style: none;
	-ms-flex-pack: center;
	-ms-flex-align: center
}

#modal-changelanguage__available-languages li {
	margin: 0;
	padding: 5px 10px
}

#modal-changelanguage__available-languages li a {
	overflow: hidden;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	line-height: 1
}

#modal-changelanguage__available-languages li a.active {
	color: #000;
	pointer-events: none
}

#modal-flagship-changelanguage.dark-theme .modal-dialog .modal-content .modal-body {
	margin-bottom: 30px
}

#modal-flagship-changelanguage.dark-theme .modal-dialog .modal-content .modal-body .modal-flagship-changelanguage__from-global-to-local {
	display: block
}

#modal-flagship-changelanguage.dark-theme .modal-dialog .modal-content .modal-body .modal-flagship-changelanguage__from-local-to-global {
	display: none
}

#modal-flagship-changelanguage.dark-theme .modal-dialog .modal-content .modal-footer {
	display: -ms-flexbox;
	display: flex
}

#modal-flagship-changelanguage .modal-dialog {
	position: relative;
	overflow: hidden
}

#modal-flagship-changelanguage .modal-dialog .modal-content {
	position: static
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-body,
#modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer,
#modal-flagship-changelanguage .modal-dialog .modal-content .modal-header {
	text-align: center
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-header {
	position: static;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 30px
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-header .modal-title {
	overflow: hidden;
	width: 100%;
	color: #000;
	color: inherit;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 2px;
	font-weight: 400;
	font-style: normal;
	font-size: 10px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	line-height: 1
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-header .modal-title::before {
	position: relative;
	left: calc(50% - 40px / 2);
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	width: 40px;
	height: 2px;
	background: var(--dataColor);
	content: ""
}

html[lang=ja] #modal-flagship-changelanguage .modal-dialog .modal-content .modal-header .modal-title:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] #modal-flagship-changelanguage .modal-dialog .modal-content .modal-header .modal-title:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] #modal-flagship-changelanguage .modal-dialog .modal-content .modal-header .modal-title:not(.no-lang-localisation),
html[lang=zh] #modal-flagship-changelanguage .modal-dialog .modal-content .modal-header .modal-title:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:576px) {
	#modal-flagship-changelanguage .modal-dialog .modal-content .modal-header .modal-title {
		font-size: 12px
	}
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-body .modal-flagship-changelanguage__from-global-to-local {
	display: none
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-body .modal-flagship-changelanguage__from-local-to-global {
	display: block
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer {
	display: none;
	-ms-flex-direction: column;
	flex-direction: column
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer .modal-cta {
	display: block;
	overflow: hidden;
	margin-bottom: 25px;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #333;
	color: #000;
	color: inherit;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 2px;
	font-weight: 400;
	font-style: normal;
	font-size: 10px;
	font-family: HelveticaNeueLTCYR-Bd, Arial, sans-serif;
	line-height: 1
}

html[lang=ja] #modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer .modal-cta:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP bold", sans-serif
}

html[lang=zh] #modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer .modal-cta:not(.no-lang-localisation) {
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans SC bold", sans-serif
}

html[lang=ja] #modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer .modal-cta:not(.no-lang-localisation),
html[lang=zh] #modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer .modal-cta:not(.no-lang-localisation) {
	letter-spacing: 0 !important
}

@media (min-width:576px) {
	#modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer .modal-cta {
		font-size: 12px
	}
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-around;
	margin: 0;
	padding: 0;
	width: 100%;
	color: inherit;
	list-style: none;
	-ms-flex-align: center;
	-ms-flex-pack: distribute
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer ul li {
	margin: 0;
	padding: 5px;
	color: inherit
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer ul li a {
	overflow: hidden;
	color: inherit;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
	opacity: .5;
	cursor: pointer
}

#modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer ul li a.active {
	opacity: 1;
	pointer-events: none
}

html.desktop #modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer ul li a {
	transition: opacity .3s ease;
	will-change: opacity
}

html.desktop #modal-flagship-changelanguage .modal-dialog .modal-content .modal-footer ul li a:hover {
	opacity: 1
}