/* Default */
*, *:before, *:after { position: relative; margin: 0; border: none; border-style: solid; border-color: rgba(0, 0, 0, 0.3); border-width: 0; padding: 0; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; scrollbar-width: thin; }
a, a:hover, a:visited { text-decoration: none; color: #000; }
*:active, *:focus { outline: none; }
*:before { vertical-align: top; }

/* Body & Html */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-touch-action: pan-x; }
body { font-family: 'Almarai', Arial, sans-serif; font-size: 0; line-height: 0; color: #000; background: #fff;
	-webkit-touch-callout: none;
	-webkit-highlight: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: pan-y;
	-ms-content-zooming: none;
	}

/* Colors */
header, header *,
header a, header a:hover,
ul.menu li a, ul.menu li a:hover,
ul.links li a, ul.links li a:hover,
div.banner h2, div.banner p, div.banner a {
	color: #fff;
	}

div.subcontent div.all {
	border-color: rgba(255, 255, 255, 0.5);
	}
div.subcontent ul.border:before {
	border-color: rgba(255, 255, 255, 0.3);
	}

header,
a.button {
	background: #000;
	}

div.content {
	background: #fff;
	}

/* Icons */
select + a.arrow,
header a.collections, header a.filters, header a.search,
header ul.info li a, a.menu,
a.button.cart:before, .checkout a.button.checkout:before, .checkout a.button.paypal:before,
.checkout a.button.nopay:before, .checkout a.button.check:before,
form.langs a.langs:before { background: url('/img/icons.png?v2') no-repeat -500px 0; }

/* Form & Others */
ul { list-style: none; }
em { font-style: normal; }
.center { text-align: center; }
.hidden { display: none; }
.clear { clear: both; }
.opacity { opacity: 0.5; }
.isfixed { visibility: hidden; }
input, textarea, select, option { font-family: 'Almarai', Arial, sans-serif; font-size: 13px; line-height: 20px; background: transparent; border-radius: 0; box-shadow: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}
select { cursor: pointer; padding-right: 15px; }
select + a.arrow { position: absolute; right: 0; width: 10px; height: 20px; background-position: 50% -40px; background-size: 20px auto; pointer-events: none; }
input.field { height: 30px; padding: 0 8px; line-height: 28px; }
input.field, textarea, select, label.button { border-width: 1px; border-radius: 1px; }
.placeholder, input:placeholder-shown, textarea:placeholder-shown { color: rgba(0, 0, 0, 0.4); font-weight: normal !important; }
.placeholder:focus, input:focus:placeholder-shown, textarea:focus:placeholder-shown { color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { transition: background-color 0s ease-in-out 5000s; }
input.hiddensubmit { z-index: -1; position: absolute; width: 0; height: 0; overflow: hidden; }
.ellipsis, section.cart h2, section.cart p.info, section.product div.infos h3, section.product div.infos p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* Fonts */
@font-face {
	font-family: 'PBtitle'; font-style: normal; font-weight: normal;
	src: url('/fonts/title.woff2') format('woff2');
	}
@font-face {
	font-family: 'PBhash'; font-style: normal; font-weight: normal;
	src: url('/fonts/hash.woff2') format('woff2');
	}
@font-face {
	font-family: 'PBbrush'; font-style: normal; font-weight: normal;
	src: url('/fonts/brush.woff2') format('woff2');
	}
@font-face {
	font-family: 'PBwrite'; font-style: normal; font-weight: normal;
	src: url('/fonts/write.woff2') format('woff2');
	}
h1, h2, h3, header, header *, div.menushop, a.name, .filters ul:before, .filters ul:after, .advices section strong { font-family: 'Almarai', Tahoma, sans-serif; font-weight: normal; }
.price { font-family: 'Roboto Mono', monospace; letter-spacing: -0.01em; white-space: nowrap; }
.title { font-family: PBtitle, Tahoma, sans-serif; text-transform: uppercase; font-weight: normal !important; }

.write { font-family: PBwrite, Tahoma, cursive; font-weight: normal !important; text-transform: none; white-space: nowrap; }
.write i { font-size: 0.5em; margin-right: 0.3em; }

.brush { z-index: 1; font-family: PBbrush, Tahoma, cursive; color: #fece14; text-transform: uppercase; white-space: nowrap; vertical-align: baseline; text-shadow: 0.03em 0.03em 0.06em rgba(0, 0, 0, 0.8); }
.brush.color, .color .brush { text-shadow: 0.03em 0.03em 0.06em rgba(0, 0, 0, 0.25); }
.hash:before { z-index: -1; content: '#'; font-family: PBhash, Tahoma, cursive; top: 0.075em; font-size: 1.1em; white-space: nowrap; vertical-align: top; }
@supports (-webkit-touch-callout: none) { .brush { vertical-align: top; } }

.phebus { color: rgba(0, 0, 0, 0); background-color: #fff;
	-webkit-mask-image: url('/img/logo-phebus.svg'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; -webkit-mask-size: 100% 100%;
	mask-image: url('/img/logo-phebus.svg'); mask-repeat: no-repeat; mask-position: 50% 50%; mask-size: 100% 100%;
	}
@supports (-moz-appearance: none) { .phebus { -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0)); filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0)); } }
.phebus { top: -0.04em; font-size: 1em; text-shadow: none !important; }
.title .phebus { top: 0.025em; font-size: 1.25em; }
.bgwhite { background-color: #fff; }
.bgblack { background-color: #000; }
.yellow { color: #fece14; }

/* Baseline */
.baseline em { position: absolute; top: 1.45em; left: 0.88em; font-size: 0.5em; font-style: normal; }
.baseline span.brush { position: absolute; top: 0.8em; left: 1.068em; -webkit-transform: rotate(-8deg); -webkit-transform-origin: 0 0; transform: rotate(-8deg); transform-origin: 0 0; }
.baseline span.write { position: absolute; top: 1.45em; left: 2.8em; font-size: 0.8em; font-style: normal; color: #000; }

div.collection p { font-family: 'Dancing Script', Tahoma, cursive; font-weight: normal; font-style: normal; }
/* .fttype, ul.menu > li:not(.icons) *, div.menu ul.lines li a, a.button, h2.instashop, div.socials h3, div.instashop h4 { font-family: 'Amatic SC', Tahoma, cursive; font-weight: normal; font-style: normal; } */
.ftline { font-style: normal; }

/* Transitions */
a, form.langs:before, ul.menu, ul.icons, ul.links,
div.menu a, div.menushop a, ul.photolist li a, div.collections *,
section.product, section.product div.photo, section.product div.picture,
ul.styles li, div.subcontent li.img,
.swiper-pagination-bullet,
.swiper-pagination-bullet:before {
	-webkit-transition: 200ms, background-position 0s;
	-ms-transition: 200ms, background-position 0s;
	transition: 200ms, background-position 0s;
	}

/* Slidebar & Overlay */
div.slidebar, div.submenu, div.subcontent, div.subcontentmask, div.overlay, header, header:after {
	-webkit-transition: 200ms ease-in-out;
	-ms-transition: 200ms ease-in-out;
	transition: 200ms ease-in-out;
	}
div.overlay.active, div.suboverlay {
	-webkit-transition: 1000ms ease-in-out;
	-ms-transition: 1000ms ease-in-out;
	transition: 1000ms ease-in-out;
	}

/* Blur & Gray */
.blur {
	-webkit-filter: blur(3px) grayscale(0.20);
	-moz-filter: blur(3px) grayscale(0.20);
	-ms-filter: blur(3px) grayscale(0.20);
	-o-filter: blur(3px) grayscale(0.20);
	filter: blur(3px) grayscale(0.20);
	}
.greyscale {
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
	}
div.banner, div.flex, footer {
	-webkit-transition: -webkit-filter 600ms;
	-ms-transition: filter 600ms;
	transition: filter 600ms;
	}

/* Sticky */
.sticky {
	position: -webkit-sticky;
	position: sticky;
	}

/* Container */
div.all { margin: 0 auto; width: 100%; max-width: 1350px; }
.touch { z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: rgba(0, 0, 0, 0); }

/* Flex */
div.flex { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
div.flex.row { -webkit-flex-direction: row; flex-direction: row; }
div.flex.global { min-height: calc(100vh - 126px - 52px - 34px); }

/* Error */
a.button.error { color: #fff !important; background: #e84c3d !important; -webkit-filter: invert(0) !important; filter: invert(0) !important; }
.error:not(.button), input.error + h3.label { color: #e84c3d !important; }
.green { color: #4d9a26 !important; }

/* Button */
div.buttons { margin-top: 20px; }
a.button { display: inline-block; padding: 8px 20px; font-size: 13px; line-height: 40px; color: #fff; text-transform: uppercase; font-weight: 800; letter-spacing: 0.05em; border-radius: 5px; white-space: nowrap; }
a.button:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; border-width: 1px; border-color: #fff; opacity: 0; border-radius: 5px; }
a.button:hover { color: #fff; background: rgba(0, 0, 0, 0.85); filter: invert(1); }
a.button:hover:after { opacity: 1; }

a.button.cart { padding-left: 45px; }
a.button.cart:before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-position: 0 -450px; background-size: 50px auto; }

/* Default */
h1 { padding-top: 10px; font-size: 18px; line-height: 40px; }
h1.large { padding: 100px 20px; line-height: 30px; }
p { font-size: 18px; line-height: 1.8em; }

h2.cat { margin: 0; padding: 1em 0 0; font-size: 25px; line-height: 1.8em; text-transform: uppercase; font-weight: bold; text-align: center; letter-spacing: 0.2em; }

/* Header */
header { z-index: 50; top: 0; margin-bottom: -85px; padding: 10px 0 0; width: 100%; height: 85px; color: #fff; background: transparent; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
header00:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 100%);
	}
body.productpage header00:before {
	-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 60%);
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 60%);
	}
@supports (-webkit-touch-callout: none) {
	body.productpage header00:before {
		-webkit-mask-image: none;
		mask-image: none;
		}
	}
header00:after { z-index: -2; content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: rgba(255, 255, 255, 0.5); opacity: 0; pointer-events: none; }

a.logo { z-index: 2; display: inline-block; height: 50px; font-size: 17.5px; line-height: 51px; vertical-align: text-bottom; }
a.logo .title { margin-left: 0.4em; padding-left: 0.4em; font-size: 22px; line-height: 48px; border-width: 0 0 0 1px; border-color: rgba(255,255,255,0.5); }
a.logomore { display: inline-block; }
a.logomore .title { margin-left: 0.4em; padding-left: 0.4em; font-size: 22px; line-height: 48px; border-width: 0 0 0 1px; border-color: rgba(255,255,255,0.5); }
@supports (-webkit-touch-callout: none) {
	a.logo .title, a.logomore { top: 1.5px; }
	}

a.menu { z-index: 3; display: inline-block; margin: 8px 11px 0 0; width: 34px; height: 34px; background-size: 46px auto; background-position: 50% -7px; background-color: transparent; border-width: 1px; border-color: rgba(255, 255, 255, 0.5); border-radius: 10%; }
a.menu:hover { background-color: rgba(255, 255, 255, 0.2); }
a.menu strong { display: none; }
header div.all { max-width: calc(100vw - 70px); }

header div.background { z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background: #000;
	-webkit-mask-image: url('/img/masks/header.svg'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: calc(100% - 150px) 100%; -webkit-mask-size: 100% auto;
	mask-image: url('/img/masks/header.svg'); mask-repeat: no-repeat; mask-position: calc(100% - 200px) 100%; mask-size: 100% auto;
	}
header div.menuinnerleft { position: absolute; top: 0; left: 0; transform-origin: 0 0; }
header div.menuinnerright { position: absolute; top: 0; right: 0; transform-origin: 100% 0; }

body.checkout header:before, body.checkout header:after { display: none; }
body.scrolled header00, body.nobanner header00 { background: rgba(0, 0, 0, 0.75); }
body.scrolled header00:after, body.nobanner header00:after { opacity: 1; }
body.scrolled header00:before, body.nobanner header00:before {
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.85) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.85) 100%);
	-webkit-mask-image: none;
	mask-image: none;
	}
body:not(.submenu).scrolled header00:before, body:not(.submenu).nobanner header00:before {
	-webkit-backdrop-filter: blur(10px) grayscale(0.20);
	-moz-backdrop-filter: blur(10px) grayscale(0.20);
	-ms-backdrop-filter: blur(10px) grayscale(0.20);
	-o-backdrop-filter: blur(10px) grayscale(0.20);
	backdrop-filter: blur(10px) grayscale(0.20);
	}
@media only screen and (min-width: 951px){
	body.productpage:not(.scrolled):not(.submenu) header00 ul.links, body.productpage:not(.scrolled):not(.submenu) header00 ul.icons { -webkit-filter: invert(1); filter: invert(1); }
	}

/* Langs */
form.langs { z-index: 3; position: absolute; left: 85px; height: 50px; }
form.langs:before { content: ''; position: absolute; top: 13px; width: 1px; height: 25px; background: #fff; opacity: 0.5; }
form.langs:hover:before { top: 3px; height: 45px; opacity: 0.7; }

form.langs a.langs { position: absolute; top: 0; }
form.langs a.langs:before { content: ''; position: absolute; top: 16px; right: -1px; width: 10px; height: 20px; background-position: 50% -40px; background-size: 20px; filter: invert(1); }
form.langs:hover a.langs { display: none; }

form.langs a { display: block; padding: 0 13px; font-size: 10px; line-height: 51px; }
form.langs a:not(:hover) { opacity: 0.7; }

form.langs ul { display: none; z-index: 1; position: absolute; top: 0; }
form.langs:hover ul { display: block; }
form.langs ul a { line-height: 25px; }

/* Menu */
ul.menu { display: inline-block; margin-left: 32px; white-space: nowrap; }
ul.menu li { display: inline-block; }
ul.menu li a { display: block; padding: 0 10px; height: 50px; font-size: 12px; line-height: 50px; white-space: nowrap; }
@supports (background: -webkit-named-image(i)) { ul.menu li a { line-height: 52px; } }
@supports (-webkit-touch-callout: none) { ul.menu li a { line-height: 54px; } }
@supports (-moz-appearance: none) { ul.menu li a { line-height: 48px; } }
ul.menu li a.title { font-size: 22px; }
ul.menu:hover > li:not(:hover) > a { opacity: 0.7; }

div.submenu { z-index: -1; position: fixed; top: 0; left: 0; right: 0; }
div.subcontent { z-index: 2; position: absolute; top: 0; left: 0; right: 0; height: 350px; background: #000 url('/img/banners/menu-phebus-bijoux.jpg') no-repeat 50% 50%; background-size: cover; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
div.subcontent:after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: rgba(255, 255, 255, 0.3); pointer-events: none; }
div.suboverlay { z-index: 45; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); pointer-events: none; opacity: 0; }
div.subcontentmask { position: absolute; top: 260px; left: 0; right: 0; height: 80px; background: #f0f0f0; -webkit-transform: rotate(180deg);transform: rotate(180deg); }
ul.menu > li:not(:hover) div.submenu { opacity: 0; pointer-events: none; }
ul.menu > li:not(:hover) div.subcontent { top: -85px; }
ul.menu > li:not(:hover) div.subcontentmask { top: 175px; }
body.submenu div.suboverlay { pointer-events: auto; opacity: 1; }

div.subcontent div.all { margin-top: 85px; padding: 20px 0 0 80px; border-width: 1px 0 0 0; }
div.subcontent div.all:before { content: ''; position: absolute; top: 35px; left: 0; width: 70px; height: 60px; background: url('/img/logotype-phebus-white.png') no-repeat 50% 50%; background-size: contain; }
div.subcontent ul { display: inline-block; margin-right: 30px; }
div.subcontent li { display: block; }
div.subcontent li a { display: inline-block; }
div.subcontent li:not(.title) a { height: inherit; font-size: 13px; line-height: 26px; font-weight: normal; text-transform: none; }
div.subcontent li:not(.title) a:not(:hover) { opacity: 0.7; }

div.subcontent li.title { height: 45px; }
div.subcontent li.title a { position: absolute; }

div.subcontent ul.notitle { margin: 45px 30px 0 -10px; }
div.subcontent ul.border { margin-left: 20px; }
div.subcontent ul.border:before { content: ''; position: absolute; top: 12px; left: -15px; bottom: -2px; width: 1px; border-width: 0 0 0 1px; }
div.subcontent ul.border.img:before { bottom: 12px; }

div.subcontent ul.img { width: 825px; max-width: 63%; }
div.subcontent li.img { display: inline-block; margin: 0 8px; border-width: 1px; border-color: rgba(255, 255, 255, 0.3); width: calc((100% - (16px * 6))/ 6); overflow: hidden; }
div.subcontent li.img:hover { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
div.subcontent li.img a { display: block; padding: 0; width: 100%; height: 220px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
div.subcontent li.img a:not(:hover):not(.active) { -webkit-filter: grayscale(0.2); filter: grayscale(0.2); opacity: 0.8; }
div.subcontent li.img a:before { content: ''; position: absolute; bottom: 0; top: 50%; left: 0; right: 0;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
	}
div.subcontent li.img a strong { position: absolute; bottom: 10px; left: 0; right: 0; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; }

ul.links { display: none; float: right; padding: 0 12px 0 0; }
ul.links:before { content: ''; position: absolute; top: 13px; right: 0; width: 1px; height: 25px; background: #fff; opacity: 0.5; }
ul.links li { display: inline-block; }
ul.links li a { display: block; padding: 0 10px; height: 50px; font-size: 12px; line-height: 52px; font-weight: normal; text-transform: none; letter-spacing: 0.025em; white-space: nowrap; }
ul.links li a span:first-of-type { display: block; }
ul.links li a span:last-of-type { display: none; }
ul.links li a:not(:hover) { opacity: 0.7; }

ul.icons { margin-top: 4px; -webkit-filter: invert(1); filter: invert(1); }
ul.icons li { display: inline-block; margin-left: 12px; }
ul.icons li a { display: block; width: 42px; height: 42px; color: rgba(0, 0, 0, 0); background: url('/img/icons.png?v2') no-repeat 0 0; background-size: 60px auto; background-color: #000; border-radius: 50%; }
ul.icons li a span { display: none; }
ul.icons li a.search { background-position: 50% -190px; }
ul.icons li a.account { background-position: 50% -310px; }
ul.icons li a.cart { background-position: 50% -250px; }
ul.icons li a.cart:before { content: attr(data-badge); position: absolute; top: 0; right: -2px; padding: 0; width: 15px; height: 15px; font-size: 10px; line-height: 15px; text-align: center; color: #000; font-weight: 800 !important; background: #fff; border-radius: 50%; }

/* Overlay */
div.overlay { z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; cursor: pointer; pointer-events: none; }
div.overlay.active { opacity: 1; pointer-events: auto; }

/* Slidebar */
div.slidebar { z-index: 10000; position: fixed; top: 0; bottom: 0; padding: 0 20px 20px; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); opacity: 0; pointer-events: none; }
div.slidebar.active { opacity: 1; pointer-events: auto; }

div.slidemask { position: absolute; top: 0; bottom: 0; margin: 0; padding: 0; width: 100vh; background: #fff; pointer-events: none; }
div.slidemask.right { right: calc(-0.0375 * 100vh); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
div.slidemask.left { left: calc(-0.0375 * 100vh); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
@supports(height: 100dvh) {
	div.slidemask { width: 100dvh; }
	div.slidemask.right { right: calc(-0.0375 * 100dvh); }
	div.slidemask.left { left: calc(-0.0375 * 100dvh); }
	}

div.slideheader { padding: 17px 0 0 0; height: 85px; min-height: 85px; border-width: 0 0 1px; }
div.slideheader h3 { font-size: 12px; line-height: 52px; font-weight: 800; letter-spacing: 0.025em; text-transform: uppercase; white-space: nowrap; }

div.slideheader a.slideclose, div.slideheader a.right { z-index: 2; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.7; }
div.slideheader a.slideclose:hover, div.slideheader a.right:hover { opacity: 1; }
div.slideheader a.slideclose { right: -17px; width: 50px; height: 50px; background: url('/img/icons.png?v10') no-repeat 50% -435px; background-size: 40px auto; }
div.slideheader a.right { right: 0; font-size: 12px; line-height: 20px; opacity: 0.3; }

/* Slide : Menu */
div.slidemenu { display: flex; flex-flow: column; left: -340px; padding-right: 10px; width: 340px; }
div.slidemenu.active { left: 0; }

div.slidemenu div.slidecontent { flex: 1; overflow: auto; padding-top: 10px; }
div.slidemenu a.logo { z-index: 2; position: absolute; top: 17px; left: 0; font-size: 24px; }
div.slidemenu a.logo .phebus { background-color: #000; }

div.slidemenu ul li.cat { padding: 10px 0; border-width: 0 0 1px 0; border-color: rgba(0, 0, 0, 0.15); }
div.slidemenu ul li.cat:last-of-type { border: 0; }
div.slidemenu ul ul { padding-left: 15px; }
div.slidemenu ul ul:before { content: ''; position: absolute; top: 5px; bottom: 6px; left: 0; width: 1px; border-style: dashed; border-width: 0 0 0 1px; pointer-events: none; }
div.slidemenu ul li a { display: block; font-size: 14px; line-height: 1.6em; opacity: 0.7; }
div.slidemenu ul li a.title { font-size: 22px; opacity: 1; }
div.slidemenu ul li a:hover, div.slidemenu ul li a.active { opacity: 1; }

/* Slide : Cart */
div.slidecart { display: flex; flex-flow: column; right: -400px; padding-left: 15px; width: 400px; }
div.slidecart.active { right: 0; }

div.slidecart div.slidecontent { flex: 1; display: flex; flex-flow: column; overflow: auto; }
div.slidecart div.cartlist { flex: 1; overflow: auto; }

/* Rotate */
div.rotate { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.rotate { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.rotate00 { -webkit-transform: rotate(-1.5deg); transform: rotate(-1.5deg); }
.rotate.r0 { -webkit-transform: rotate(-1.5deg); transform: rotate(-1.5deg); }
.rotate00.r1 { -webkit-transform: rotate(-1.35deg); transform: rotate(-1.35deg); }

/* Mask */
*[data-mask] { background-color: #fff;
	-webkit-mask-size: 105% auto, 105% calc(100% - 120px); -webkit-mask-position: top, bottom; -webkit-mask-repeat: no-repeat;
	mask-size: 105% auto, 105% calc(100% - 120px); mask-position: top, bottom; mask-repeat: no-repeat;
	}
*[data-mask="1"] { -webkit-mask-image: url('/img/masks/mask1.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask1.svg'), url('/img/masks/mask.png'); }
*[data-mask="2"] { -webkit-mask-image: url('/img/masks/mask2.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask2.svg'), url('/img/masks/mask.png'); }
*[data-mask="3"] { -webkit-mask-image: url('/img/masks/mask3.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask3.svg'), url('/img/masks/mask.png'); }
*[data-mask="4"] { -webkit-mask-image: url('/img/masks/mask4.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask4.svg'), url('/img/masks/mask.png'); }
*[data-mask="5"] { -webkit-mask-image: url('/img/masks/mask5.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask5.svg'), url('/img/masks/mask.png'); }
*[data-mask="6"] { -webkit-mask-image: url('/img/masks/mask6.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask6.svg'), url('/img/masks/mask.png'); }
*[data-mask="7"] { -webkit-mask-image: url('/img/masks/mask7.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask7.svg'), url('/img/masks/mask.png'); }
*[data-mask="8"] { -webkit-mask-image: url('/img/masks/mask8.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask8.svg'), url('/img/masks/mask.png'); }
*[data-mask="9"] { -webkit-mask-image: url('/img/masks/mask9.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask9.svg'), url('/img/masks/mask.png'); }
*[data-mask="10"] { -webkit-mask-image: url('/img/masks/mask10.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask10.svg'), url('/img/masks/mask.png'); }
*[data-mask="11"] { -webkit-mask-image: url('/img/masks/mask11.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask11.svg'), url('/img/masks/mask.png'); }
*[data-mask="12"] { -webkit-mask-image: url('/img/masks/mask12.svg'), url('/img/masks/mask.png'); mask-image: url('/img/masks/mask12.svg'), url('/img/masks/mask.png'); }

/* Mask Margin */
*[data-maskmargin] { margin-top: calc(-0.0375 * 100vw); padding: calc(0.0375 * 100vw) 0; }

/* Slides */
div.slides { z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.teaser div.slides:before { content: ''; z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%); pointer-events: none; opacity: 0.5; }
.swiper-wrapper { display: flex; flex-direction: row; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.swiper-wrapper > div { flex: 0 0 100%; }

div.swiper-pagination { z-index: 2; position: absolute; top: auto; bottom: 3%; left: 0; right: 0; display: flex; flex-direction: row; align-content: center; text-align: center; justify-content: center; pointer-events: none; }
.swiper-pagination-bullet { display: flex; padding: 0 0.5vw; width: 2vw; height: 5vw; align-items: center; pointer-events: auto; cursor: pointer; }
.swiper-pagination-bullet:before { content: ''; width: 100%; height: 10%; background: #fff; display: block; box-shadow: 0 0 1vw rgba(0, 0, 0, 0.3); border-radius: 20% / 50%; opacity: 0.5; }
.swiper-pagination-bullet:hover:before { opacity: 0.7; }
.swiper-pagination-bullet-active { width: 4vw; }
.swiper-pagination-bullet-active:before { border-radius: 8% / 50%; opacity: 1 !important; }

/* Banner */
div.banner { width: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
div.banner.mini { padding-bottom: calc(40% / 3); min-height: 200px; }
div.banner div.arrow { position: absolute; cursor: pointer; width: 150px; height: 100%; }
div.banner.home { height: 100vh; }
@supports(height: 100dvh) { div.banner.home { height: 100dvh; } }

div.banner div.all { z-index: 10; position: absolute; top: 50%; left: 50%; margin: 0 auto; width: 100%; max-width: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
div.banner.invert div.all { -webkit-filter: invert(100%); filter: invert(100%); }
div.banner:not(.home) div.all { pointer-events: none; }
div.banner div.all div { position: absolute; top: 50%; width: 40%; padding: 0; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-shadow: 0 0 20px rgb(0, 0, 0); }

div.banner .fullimg div.all { top: calc(100% - 95px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
div.banner .fullimg div.all div { position: relative; }

div.fullimg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
div.fullimg:before { content: ''; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; opacity: 0.5;
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
	}
div.fullimg.l50 { background-position: 100% 50%; }
div.fullimg.r50 { background-position: 0% 50%; }

.banner .background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }
.banner .background img { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.banner:not(.nobw) .background img { -webkit-filter: grayscale(1); filter: grayscale(1); }

/* Banner Title */
div.banner h2 { margin: 0; padding: 0.2em 0; font-size: 6vw; line-height: 1em; font-weight: normal; text-transform: uppercase; }
div.banner h2 .brush { font-size: 8vw; letter-spacing: 0; }
div.banner p { font-size: 1.6vw; line-height: 1.2em; color: rgba(255, 255, 255, 0.7); }
div.banner p strong { font-size: 1.2em; color: #fff; }

div.banner a.button { z-index: 10; margin-top: 0.7em; font-size: 13px; line-height: 2.6em; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.7); }
div.banner a.button:hover { color: #000; background: #fff; border-color: #fff; text-shadow: none; }

div.l50 div.all { text-align: left; } div.l50 div.all div { left: 10%; }
div.r50 div.all { text-align: right; } div.r50 div.all div { right: 10%; }

div.c50 div.all { width: 35%; text-align: center; }
div.c50 div.all div { left: 0; right: 0; width: 100%; }
div.t40 div.all { top: 40%; }

/*
div.l50 h2, div.l50 p { margin-left: -0.12em; }
div.r50 h2 { margin-right: -0.25em; }
div.r50 p { margin-right: -0.12em; }
*/

div.banner.mini h2 { margin-top: -0.02em; font-size: 36px; }
div.banner.mini h2 span:before { display: none; }
div.banner.mini p { font-size: 20px; }

/* Player */
div.bannervideo000 div.all { height: 100%; }
div.bannervideo000 div.all div.player { position: absolute; top: 50px; left: 10px; right: 35%; bottom: 50px; width: auto; pointer-events: none; overflow: hidden; -webkit-transform: none; transform: none; }
div.player000 { position: relative; display: block; width: 100%; height: calc(100vw / 1.8); max-height: calc(100vh - 170px - 34px); pointer-events: none; overflow: hidden; }
div.player { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; pointer-events: none; overflow: hidden; }
div.player000 { position: absolute; top: 50px; left: 40%; right: 0; bottom: 50px; pointer-events: none; overflow: hidden; }
div.player iframe { position: absolute; top: -50%; left: -2%; width: 104%; height: 200%; }

/* Special Offer */
div.specialoffer { height: 80px; background-position: 50% 50%; background-size: auto 100%; border-width: 0 0 1px 0; }
.homepage div.specialoffer, .nosticky  div.specialoffer { display: none; }

/* Content */
div.content { order: 1; z-index: 5; min-height: calc(100vh - 141px - 200px); }
@supports(min-height: 100dvh) { div.content { min-height: calc(100dvh - 141px - 200px); } }
.contentoverflow div.content { overflow: hidden; }
.catalog div.content { background: url('/img/back-catalog.jpg') no-repeat 50% 50%; background-size: cover; }

/* Text */
div.text { margin: 30px auto; max-width: 700px; padding-top: 5px; }
div.text h2 { padding: 1.2em 0 0; font-size: 18px; line-height: 1.6em; font-weight: bold; text-transform: none; }
div.text p { padding: 0.8em 0 0; font-size: 18px; line-height: 1.6em; text-align: justify; }
div.text h2:first-of-type, div.text p:first-of-type, div.text img + p, div.text00 ul + p { padding-top: 0; }
div.text h2 + p { padding-top: 0.6em !important; }

div.text img { margin: 25px 0 25px; max-width: 100%; border-width: 1px; }
div.text img.noborder { border-width: 0; }

div.text ul.list { margin: 20px 0 0 2px; max-width: 750px; border-width: 0 0 0 1px; border-style: dashed; opacity: 0.7; }
div.text ul.list li { padding: 0 0 0 30px; font-size: 18px; line-height: 1.6em; text-align: left; }
div.text ul.list li:first-of-type { padding-top: 0; }
div.text ul.list.nospace li { padding-top: 0; }

/* Form */
p.submit { margin-top: 15px; }
ul.explains { margin: 10px 5px 15px; }
ul.explains li { font-size: 12px; line-height: 1.6em; }
ul.explains li:before { content: '●'; padding: 0 0.4em 0 0; }

/* Label */
label.button input[type="checkbox"], .filters label input[type="checkbox"],
label.button input[type="radio"], .filters label input[type="radio"] { display: none; }
label.button, .filters000 label {
	display: inline-block; padding: 0 10px 0 23px; height: 20px; font-size: 11.5px; line-height: 22px;
	background: url('/img/icons.png?v10') no-repeat -10px -217px; background-size: 35px auto; cursor: pointer; opacity: 0.5;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	}
label.active { background-position: -10px -252px; opacity: 1; }

/* Fields */
div.groupfield { padding: 5px 15px; background: #fff; border-width: 1px; border-radius: 3px; }
.groupfield label { display: block; padding: 5px 0; border-width: 0 0 1px 0; }
.groupfield label:last-child { border: 0; }
.groupfield label em { position: absolute; z-index: 2; padding: 5px 0 0 0; width: 105px; font-size: 13px; line-height: 20px; text-align: right; font-style: normal; }
.groupfield label strong, .groupfield label input, .groupfield label select { margin-left: 110px; width: calc(100% - 110px); height: 30px; border: 0; }
.groupfield.nolabel label strong, .groupfield.nolabel label input, .groupfield.nolabel label select { margin-left: 0; width: 100%; }

/* Fields */
.fields { margin: 0; padding: 10px; background-color: rgba(0, 0, 0, 0.025); border-width: 1px; border-radius: 3px; overflow: hidden; }
.fields.fieldsmargin { margin-top: 20px; }
.fields.fieldsmargin15 { margin-top: 15px; }
.fields label { display: inline-block; margin: 5px; padding: 0; width: calc(100% - 10px); }
.fields label em { z-index: 2; position: absolute; top: 4px; left: 9px; font-size: 12px; line-height: 20px; font-style: normal; opacity: 0.5; pointer-events: none; }
.fields label strong, .fields label input, .fields label select { padding: 16px 0 0 8px; width: 100%; height: 46px; font-size: 14px; line-height: 20px; background: #fff; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); border-radius: 3px; }
.fields label input:focus, .fields label select:focus { border-color: rgba(0, 0, 0, 0.7); }
.fields label select { background-position: calc(100% - 10px) 50%; }
.fields label[data-width="35"] { width: calc(35% - 10px); }
.fields label[data-width="65"] { width: calc(65% - 10px); }
.fields label[data-width="50"] { width: calc(50% - 10px); }

.fields label.error em { opacity: 1; }
.fields label input.error, .fields label select.error { border-color: #e84c3d; }

.fields p { margin: 0 5px; }
.fields p.info { margin: 5px; font-size: 14px; line-height: 1.6em; }
.fields p.explain { margin: 10px 5px 5px; font-size: 12px !important; line-height: 1.6em; text-align: justify; opacity: 0.5 !important; }
.fields p.submit { margin-top: 10px; margin-bottom: 5px; }
.fields a.submit { width: 100%; }

.fields.optlist { padding: 0; }
.fields a.viewopt { display: block; padding: 0 15px; height: 51px; font-size: 14px; line-height: 50px; background: #fff; border-width: 1px 0 0; }
.fields a.viewopt[rel="payline"] { background-image: url('/img/logo-secure.png'); background-repeat: no-repeat; background-position: calc(100% - 15px) 50%; background-size: auto 24px; }
.fields a.viewopt[rel="paypal"] { background-image: url('/img/payment-paypal.png'); background-repeat: no-repeat; background-position: calc(100% - 15px) 50%; background-size: auto 24px; }
.fields a.viewopt[rel="alma"] { background-image: url('/img/payment-alma.png'); background-repeat: no-repeat; background-position: calc(100% - 15px) 50%; background-size: auto 24px; }
.fields a.viewopt:not(.miniviewopt):first-of-type { height: 50px; border-width: 0; }
.fields a.viewopt:before { content: ''; display: inline-block; margin: 18px 10px 0 0px; width: 14px; height: 14px; border: 1px solid #000; border-radius: 50%; }
.fields a.viewopt.active:before { border-width: 5px; }

.fields a.viewopt span.price { float: right; top: -1px; text-align: right; }

.fields a.miniviewopt { margin: 0 5px; padding: 10px 5px; height: auto; font-size: 13px; line-height: 20px; background: transparent; }
.fields a.miniviewopt span.info { display: block; left: 26px; margin-top: 1px; font-size: 12px; opacity: 0.7; line-height: 16px; }
.fields a.miniviewopt:before { margin-top: 5px; width: 12px; height: 12px; }
.fields a.miniviewopt.active:before { border-width: 4px; }
.fields a.miniviewopt:not(.active) { opacity: 0.7; }

.fields div.opt { display: none; padding: 10px; border-width: 1px 0 0; }
.fields div.opt.active { display: block; }
.fields div.opt p:not(.submit) { font-size: 14px; opacity: 0.7; }
.fields div.opt div.optlist { margin-top: 12px; }

.fields div.opt[rel="payline"] { min-height: 256px; }

/* About */
div.about { padding-bottom: 50px; }
div.about h2 { margin-top: 30px; }
div.about p { text-align: justify; }
div.about img { margin: 20px 0 0; width: 100%; border-width: 1px; }

/* Video */
div.video { width: 100%; padding: 56% 0 0; background: #000; overflow: hidden; }
div.video video { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
div.video iframe { position: absolute; top: -50%; left: 0; right: 0; bottom: 0; width: 100%; height: 200%; pointer-events: none; }
div.video.contrast iframe, div.video.contrast video {  -webkit-filter: contrast(1.1) brightness(1.1); filter: contrast(1.1) brightness(1.1); }
div.video a.volume { z-index: 10; position: absolute; bottom: calc(0.0375 * 100vw + 10px); right: 15px; width: 50px; height: 50px; background: url('/img/icons.png?v2') no-repeat 0 0; background-size: 60px auto; opacity: 0.7; }
div.video a.volume[data-sound="true"] { background-position: 50% -1085px; }
div.video a.volume[data-sound="false"] { background-position: 50% -1025px; }
div.video a.volume:not(:hover) { opacity: 0.4; }

/* Collections */
div.collections { }
div.collection { padding-top: 37%; border-width: 1px 0 0 0; background-position: 50% 50%; background-size: cover; border-width: 0 0 1px 0; overflow: hidden; }
div.collections div.collection { border-width: 1px 0 0 0; }
div.collections div.collection:first-of-type { border: 0; }
div.collection a.touch { z-index: 30; }

div.collection div.back, div.collection h2 { position: absolute; top: calc(22% + 10px); left: calc(53% + 10px); right: calc(8% + 10px); bottom: calc(22% + 10px); }
div.collection.athenes div.back, div.collection.athenes h2, div.collection.sydney div.back, div.collection.sydney h2 { left: calc(8% + 10px); right: calc(53% + 10px); }
div.collection div.back { background: #fff; background-repeat: no-repeat; background-size: auto 100%; }
div.collection div.back:before { position: absolute; content: ''; top: -16px; left: -16px; right: -16px; bottom: -16px; border: 8px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
div.collection div.bijou { z-index: 10; position: absolute; top: 0; bottom: 0; width: 20%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; }
div.collection h2 { z-index: 5; color: rgba(0, 0, 0, 0); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; pointer-events: none; }
div.collection div.text { z-index: 5; position: absolute; width: 620px; opacity: 0; }
div.collection div.text p { padding-top: 10px; font-size: 22px; line-height: 32px; color: #555; }
div.collection div.text p:first-of-type { padding-top: 0; }
div.collection div.text p:first-letter { margin-left: 20px; }

div.collection.vegas div.bijou { right: 0; }
div.collection.vegas div.back { background-position: 100% 0; }
div.collection.vegas.hover div.back { background-image: url('/img/stamp-vegas.jpg'); }

div.collection.athenes div.bijou { left: 36%; }
div.collection.athenes div.back { background-position: 0 0; }
div.collection.athenes.hover div.back { background-image: url('/img/stamp-athenes.jpg'); }

div.collection.prague div.bijou { right: 3%; }
div.collection.prague div.back { background-position: 100% 0; }
div.collection.prague.hover div.back { background-image: url('/img/stamp-prague.jpg'); }

div.collection.sydney div.bijou { left: 36%; }
div.collection.sydney div.back { background-position: 0 0; }
div.collection.sydney.hover div.back { background-image: url('/img/stamp-sydney.jpg'); }

div.collection.jaipur div.bijou { right: 3%; }
div.collection.jaipur div.back { background-position: 100% 0; }
div.collection.jaipur.hover div.back { background-image: url('/img/stamp-jaipur.jpg'); }

div.collection.hover div.text { top: 11.5%; left: 5%; transform-origin: 0 0; opacity: 1; }
div.collection.hover div.back:before, div.collection:hover div.back:before { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
div.collection.hover div.back { top: 30px; left: 30px; right: 30px; bottom: 30px; background-position: 100% 0; }
div.collection.hover h2 { left: calc(60% + 10px); right: 10px; background-position: 50% 100%; }

/* Selections */
ul.selections { display: block; }
ul.selections li { display: inline-block; margin: 0 10px; border-width: 1px; width: calc((100% - (16px * 6))/ 6); overflow: hidden; }
ul.selections li a { display: block; padding: 0; width: 100%; height: 220px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
ul.selections li a:not(:hover):not(.active) { -webkit-filter: grayscale(0.8); filter: grayscale(0.8); opacity: 0.8; }
ul.selections li a:before { content: ''; position: absolute; bottom: 0; top: 50%; left: 0; right: 0;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
	}
ul.selections li a strong { position: absolute; bottom: 10px; left: 0; right: 0; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; }

/* Menu Shop */
div.menushop { z-index: 50; top: 85px; height: 51px; text-transform: uppercase; background: #fcfcfc; border-width: 0 0 1px 0; }
.menushop ul {  }
.menushop.menuaccount ul { margin: 0; }
.menushop ul li { display: inline-block; padding: 0 12px; white-space: nowrap; }
.menushop a { display: block; font-size: 14px; line-height: 50px; opacity: 0.9; }
.menushop a:before { content: ''; position: absolute; bottom: -1px; left: -12px; right: -12px; height: 3px; background: #000; opacity: 0; }
.menushop a:hover:before { opacity: 0.5; }
.menushop a.active:before { opacity: 1; }
body.him .menushop a.active:before { background: #1a3b6e; }
body.her .menushop a.active:before { background: #992f87; }
.firefox .menushop a { line-height: 50px; }
.menushop a:hover, .menushop a.active { opacity: 1; }

.menushop a.collections, .menushop a.search, .menushop a.filters { background: url('/img/icons.png?v2') no-repeat 0 0; background-size: 50px auto; }
.menushop a.collections { padding-left: 25px; background-position: -17px -50px; }
.menushop a.search { padding-right: 28px; background-position: calc(100% + 15px) 0; }
.menushop a.filters { padding-right: 28px; background-position: calc(100% + 16px) -750px; }
.menushop a.filters.active { background-position: calc(100% + 13px) -492px; background-size: 45px auto; }
.menushop a.filters, .menushop a.search { position: absolute; top: 0; right: 12px; }

.menushop form { position: absolute; top: 75px; right: 0; }
.menushop form input { width: 200px; height: 30px; font-size: 16px; line-height: 30px; text-align: right; text-transform: uppercase; border: 0; }
.menushop form input:focus { font-size: 14px; line-height: 28px; text-align: left; text-transform: none; border: 1px solid rgba(0, 0, 0, 0.3); }

/* Description */
div.description { order: 2; z-index: 6; display: flex; flex-direction: row; align-items: center; justify-content: center; background: #e9e9e9; }
div.description:before { content: ''; position: absolute; top: 5vw; bottom: 5vw; left: 35.8%; width: 1px; border-width: 0 1px 0 0; pointer-events: none; }
div.description h1, div.description h2 { padding: 2vw 3vw; width: 35%; font-size: 6vw; line-height: 1em; text-align: right; }
div.description h2 { font-size: 5vw; }
div.description h3 { margin: 0; padding: 1vw 15vw 0 0; font-size: 3vw; line-height: 1em; text-transform: uppercase; }
div.description h1 span, div.description h2 span { display: block; padding: 0.5em 0 0; font-size: 0.5em; line-height: 1.2em; opacity: 0.5; }
div.description > div { flex: 1; padding: 2vw 10vw 2vw 2.5vw; }
div.description p { padding: 0; font-size: 1.4vw; line-height: 1.6em; text-align: left; }
div.description p:not(:first-child) { padding-top: 0.8em; opacity: 0.7; }

div.description.invert { color: #fff; background: #333; }
div.description.invert:before { left: 64.2%; border-color: rgba(255, 255, 255, 0.3);  }
div.description.invert h1, div.description.invert h2 { order: 2; padding: 2vw 3vw; text-align: left; }
div.description.invert h3 { padding: 1vw 0 0 15vw; text-align: right; }
div.description.invert > div { padding: 2vw 2.5vw 2vw 10vw; }
div.description.invert p { text-align: right; }
div.description.invert .bgblack { background-color: #fff; }

/* Product : Filters */
form.filters { z-index: 20; height: 53px; text-align: center; background: #fff; border-width: 0 0 1px 0; }
.filters ul.filters li { position: inherit; display: inline-block; margin: 0; padding: 0 15px; font-size: 12px; line-height: 52px; }
.filters ul.filters li label { display: inline-block; top: 14px; }

/* Product : Photos */
div.photo { overflow: hidden; mix-blend-mode: darken; }
.photo img { display: block; margin: 5%; width: 90%; }

.t1 .photo img { margin: 30%; width: 40%; }
div.product.t1 .photo { top: 45%; }
div.product.t1 .photo img { margin: 25%; width: 50%; }
div.product.t1 .viewer3d { padding: 15%; }

.t2 .photo img { margin: 30%; width: 40%; }
.t3 .photo img { margin: 10%; width: 80%; }
.t5 .photo img { /* margin-top: -10%; */ }
.t10 .photo img { margin: 25%; width: 50%; }

/* Product : Sizes */
div.sizes { text-align: center; }
.sizes label { display: inline-block; margin: 0 4px; width: 38px; height: 38px; font-size: 14px; line-height: 36px; text-align: center; color: rgba(0, 0, 0, 0.5); border-width: 1px; border-color: rgba(0, 0, 0, 0.3); background: rgba(245, 245, 245, 0.5); border-radius: 5px; cursor: pointer; }
.sizes label[data-stock="false"] { opacity: 0.5; }
.sizes label[data-stock="false"]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.2;
	background: linear-gradient(to top left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 0.8px), rgba(0,0,0,1) 50%, rgba(0,0,0,0) calc(50% + 0.8px), rgba(0,0,0,0) 100%),
				linear-gradient(to top right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 0.8px), rgba(0,0,0,1) 50%, rgba(0,0,0,0) calc(50% + 0.8px), rgba(0,0,0,0) 100%);
	}
.sizes label.active:not([data-stock="false"]), .sizes label:hover { color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); }
.sizes label.active:not([data-stock="false"]) { color: rgba(0, 0, 0, 0.9); background: #fcfcfc; border-color: rgba(0, 0, 0, 0.9); font-weight: bold; }
.sizes label input { display: none; }

/* Product : Listing */
div.products { width: calc(100% + 2%); margin: 0 0 60px -1%; padding: calc(1% + 5px) 0 0; min-height: 300px; }
section.product { display: inline-block; margin: 1%; padding: 1.5%; width: calc((100% - 6%) / 3); text-align: center; background: #f7f7f7; border-width: 0; border-color: rgba(0, 0, 0, 0.1); }
section.product:not(.video):hover { background: #fcfcfc; border-color: rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
section.product h2 { opacity: 0; pointer-events: none; }

section.product div.infos { margin-top: -10%; text-align: center; }
section.product div.infos h3 { display: block; font-size: 12px; line-height: 2em; text-transform: uppercase; font-weight: 800; }
section.product div.infos p { font-size: 12px; line-height: 1.6em; opacity: 0.7; }

section.product div.infos span.price { display: block; margin: 0.6em auto; width: 35%; font-size: 20px; line-height: 2.6em; font-weight: bold; border-width: 1px 0 0; }
section.product div.infos span.price s { padding-right: 0; font-size: 0.7em; }

section.product div.infos span.price.promo { padding-left: 15%; border-width: 0; }
section.product div.infos span.price.promo s { position: absolute; top: -1.5em; font-size: 0.7em; }
section.product div.infos span.price.promo strong:before { position: absolute; content: attr(data-promo); top: -1.1em; left: -3.3em; width: 2.8em; height: 2.8em; font-size: 0.9em; line-height: 2.8em; color: #fff; text-align: center; background: #000; border-radius: 50%; }

section.product ul.options { position: absolute; top: 5%; left: 5%; right: 5%; }
section.product ul.options li:nth-of-type(1) { float: left; margin: -0.2em 0 0 -0.1em; font-size: 40px; line-height: 1em; text-align: left; opacity: 0.2; }
section.product:hover ul.options li:nth-of-type(1) { opacity: 0.5; }
section.product ul.options li:nth-of-type(2) { float: right; }

section.product div.photo { display: block; margin: 0 auto; width: 100%; padding-top: 100%; background-color: #fff; overflow: hidden; mix-blend-mode: darken; }
section.product div.photo img { position: absolute; top: -5%; left: 0; right: 0; bottom: 0; /* margin: 0 auto; width: 90%; */ }
section.product:hover div.photo { -webkit-transform: scale(1.05); transform: scale(1.05); }

section.product ul.icons { z-index: 1; position: absolute; top: -15px; left: 0; right: 0; text-align: center; }
section.product ul.icons li { display: inline-block; margin: 0 3px; width: 50px; height: 50px; background: url('/img/product-icons.png?v10') no-repeat 50% 0; background-size: 50px auto; }
section.product ul.icons li.new { background-position: 50% 0; }
section.product ul.icons li.blackedition { background-position: 50% -50px; }
section.product ul.icons li.coloredition { display: none; }

section.product div.sizes { position: absolute; bottom: 280%; left: 0%; right: 0%; margin: 0; padding: 0; border-width: 0; }
section.product div.sizes label { margin: 0 3px; width: 32px; height: 32px; font-size: 12px; line-height: 30px; }
section.product.t1:not(:hover) div.sizes { opacity: 0; pointer-events: none; }
section.product.t1:hover div.sizes { opacity: 1; }

section.product ul.colors { position: absolute; top: 0; left: 0; right: 90px; bottom: 0; background: #fff; opacity: 0; }
section.product ul.colors:before { content: attr(data-text); display: inline-block; font-size: 12px; line-height: 20px; width: 90px; opacity: 0.7; }
section.product ul.colors li { display: inline-block; margin-left: 10px; padding: 3px 0; }
section.product ul.colors li a { display: inline-block; width: 34px; height: 34px; background: #fff; border-radius: 50%; border-width: 1px; overflow: hidden; }
section.product ul.colors li a strong { position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; color: rgba(0, 0, 0, 0); border-radius: 50%; }
section.product ul.colors li a:hover { border-color: rgba(0, 0, 0, 0.7); }
section.product:hover ul.colors { opacity: 1; }

section.product ul.colors li a strong {
	background: -webkit-linear-gradient(45deg, #c6c6c6 0%, #dcdcdc 50%, #e7e7e7 100%);
	background: linear-gradient(45deg, #c6c6c6 0%, #dcdcdc 50%, #e7e7e7 100%);
	}
section.product ul.colors li a[rel="3"] strong,
section.product ul.colors li a[rel="32"] strong,
section.product ul.colors li a[rel="dore"] strong,
section.product ul.colors li a[rel="jaune"] strong,
section.product ul.colors li a[rel="champagne"] strong {
	background: -webkit-linear-gradient(45deg, #ecbe90 0%, #fcd6a9 50%, #fce2c7 100%);
	background: linear-gradient(45deg, #ecbe90 0%, #fcd6a9 50%, #fce2c7 100%);
	}
section.product ul.colors li a[rel="31"] strong,
section.product ul.colors li a[rel="rose"] strong {
	background: -webkit-linear-gradient(45deg, #e6c4ba 0%, #f7d5c9 50%, #fee2d9 100%);
	background: linear-gradient(45deg, #e6c4ba 0%, #f7d5c9 50%, #fee2d9 100%);
	}

section.product form { z-index: 10; margin-top: 15px; height: 40px; text-align: left; }
section.product form div.addtocart { display: block; height: 100%; }
section.product form div.addtocart:after { content: ''; display: table; clear: both; }
section.product form span.info em { display: block; font-size: 11px; font-style: normal; opacity: 0.5; }
section.product form span.outofstock { z-index: 2; right: 0; text-align: right; opacity: 1; }
section.product form a.button { z-index: 5; float: right; padding-left: 0; padding-right: 0; width: 40px; min-width: 40px; height: 40px; overflow: hidden; }
section.product:not(:hover) form a.button { -webkit-filter: invert(100%); filter: invert(100%); }
section.product form a.button:before { width: 38px; height: 38px; background-position: 50% -456px; }
section.product form a.button span { display: none; }

section.product.tp { padding: 1%; border-width: 1px; }
section.product.tp div.photo { padding-top: calc(100% + 50px); border-width: 0; }
section.product.tp div.photo div.picture { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
section.product.tp:hover div.photo div.picture { -webkit-transform: scale(1.075); transform: scale(1.075); }

section.product.video { width: calc((100% - 3%) / 1.5); border-width: 1px; overflow: hidden; }
section.product.video div.photo { padding-top: calc(46% + 73.5px); }
section.product.video div.video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; overflow: hidden; pointer-events: none; border: 0; }
section.product.video div.video iframe { position: absolute; top: -50%; left: -3%; right: -3%; width: calc(100% + 6%); height: 200%; }

section.product.insta h2, section.product.insta span.price { opacity: 0; }
section.product.insta a.button { z-index: 2; position: absolute; margin: 12px auto 0; font-size: 26px; line-height: 28px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

/* Product : Similars */
div.similars { margin-bottom: 0; min-height: inherit; }
div.similars section.product { margin: 1%; padding: 1%; width: calc((100% - 8%) / 4); }
div.similars section.product div.sizes { bottom: 240%; }

/* Product : Overview */
div.product { display: block; max-height: calc(100vh + 1px); min-height: 650px; height: calc(100vw / 1.6); }
@supports(max-height: 100dvh) { div.product { max-height: calc(100dvh + 1px); } }

div.product:before { z-index: 2; content: ''; position: absolute; top: 50px; bottom: 50px; left: 57%; right: 0; border-width: 0 0 0 1px; pointer-events: none;
	background: -webkit-radial-gradient(at 0% 50%, rgb(250, 250, 250) 0%, rgb(250, 250, 250) 45%, rgba(250, 250, 250, 0) 70%);
	background: radial-gradient(at 0% 50%, rgb(250, 250, 250) 0%, rgb(250, 250, 250) 45%, rgba(250, 250, 250, 0) 70%);
	}

div.product div.background { z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-width: 0 0 1px; overflow: hidden; }
div.product div.background00:before { content: ''; z-index: 3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none;
	background: -webkit-linear-gradient(190deg, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 100%),
				-webkit-linear-gradient(-70deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
	background: linear-gradient(190deg, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 100%),
				linear-gradient(-70deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
	}
div.product div.background:after { content: ''; z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none;
	background: -webkit-linear-gradient(80deg, rgba(250, 250, 250, 0) 55%, rgb(250, 250, 250) 60%),
				-webkit-linear-gradient(100deg, rgba(250, 250, 250, 0) 55%, rgb(250, 250, 250) 65%),
				-webkit-linear-gradient(80deg, rgba(250, 250, 250, 0) 45%, rgb(250, 250, 250, 1) 70%);
	background: linear-gradient(80deg, rgba(250, 250, 250, 0) 55%, rgb(250, 250, 250) 60%),
				linear-gradient(100deg, rgba(250, 250, 250, 0) 55%, rgb(250, 250, 250) 65%),
				linear-gradient(80deg, rgba(250, 250, 250, 0) 45%, rgb(250, 250, 250, 1) 70%);
	}
div.product div.background div.slides { z-index: 1; position: absolute; top: 0; left: -5%; right: 37%; bottom: 0; }
div.product div.background div.slides img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-filter: contrast(105%); filter: contrast(105%); }
div.product div.background > span000 { z-index: 3; position: absolute; top: 0; left: 32%; right: 0; bottom: 0; pointer-events: none;
	background: -webkit-linear-gradient(80deg, rgba(250, 250, 250, 0) 25%, rgb(250, 250, 250, 1) 55%),
				-webkit-linear-gradient(140deg, rgba(250, 250, 250, 0) 50%, rgb(250, 250, 250, 1) 65%);
	background: linear-gradient(80deg, rgba(250, 250, 250, 0) 25%, rgb(250, 250, 250, 1) 55%),
				linear-gradient(140deg, rgba(250, 250, 250, 0) 50%, rgb(250, 250, 250, 1) 65%);
	}
div.product div.background div.slides .slick-dots { bottom: 40px; }
div.product div.background div.fullimg.nature { background-position-y: 50%; }
div.product.t5 div.background div.fullimg.nature { background-position-y: 85%; }

div.product div.info { z-index: 5; position: absolute; top: 85px; left: 57%; right: 0; bottom: 0; text-align: center; overflow: hidden; pointer-events: none; mix-blend-mode: darken; }
div.product div.photo { position: absolute; top: 49%; left: 50%; width: 600px; height: 600px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); mix-blend-mode: darken; pointer-events: none; }
div.product div.photo div.viewer3d { z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: auto; }
div.product div.photo img.img { position: absolute; mix-blend-mode: darken; }

div.product h1, div.product h2 { z-index: 2; margin-top: 1em; padding: 0; font-size: 34px; line-height: 1.5em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.025em; }
div.product h1 span, div.product h2 span { display: block; z-index: 2; font-size: 16px; line-height: 1.4em; font-weight: normal; text-transform: none; opacity: 0.7; }
div.product.promo h1 span, div.product.promo h2 span { display: none; }

div.product span.price { z-index: 2; display: block; font-size: 25px; line-height: 1.8em; font-weight: bold; }
div.product.promo span.price { top: 0.5em; left: 1em; }
div.product span.price s { position: absolute; top: -1.5em; font-size: 0.65em; }
div.product span.price strong[data-promo]:before { position: absolute; content: attr(data-promo); top: -1.25em; left: -4.25em; width: 3.5em; height: 3.5em; font-size: 0.525em; line-height: 3.5em; color: #fff; text-align: center; background: #000; border-radius: 50%; }


div.product ul.variants { display: none; margin: 15px 0 25px 0; }
div.product ul.variants li { display: inline-block; padding: 0 15px; border-width: 0 0 0 1px; }
div.product ul.variants li:first-of-type { border: 0; }
div.product ul.variants li a { display: block; width: 35px; height: 35px; background: url('/img/variants.png') no-repeat 50% 0; background-size: 100% auto; }
div.product ul.variants li a.dore { background-position: 50% -50px; }
div.product ul.variants li a.rose { background-position: 50% -100px; }

div.product form { z-index: 1; position: absolute; /* top: 50px; */ bottom: 50px; left: 10%; right: 10%; }
div.product form div.addtocart { z-index: 10; position: absolute; bottom: 0; left: 0; right: 0; pointer-events: auto; }
div.product form div.addtocart:after { content: ''; display: table; clear: both; }
div.product form div.addtocart a.button.cart { z-index: 5; margin-bottom: 15px; }

div.product form div.addtocart a.button.details { z-index: 5; float: right; }
div.product form div.addtocart span.outofstock + a.button.details { display: none; }

div.product form span.info { display: block; font-size: 16px; line-height: 1.6em; text-align: left; opacity: 1; }
div.product form span.info.outofstock { left: auto; right: 0; text-align: center; font-weight: bold; opacity: 1; }

div.product form span.info.stock { font-size: 12px; text-align: center; color: rgba(0, 0, 0, 0.5); }
div.product form span.info.stock a:not(:hover) { opacity: 0.5; }

div.product div.sizes { z-index: 10; margin-bottom: 10px; }
div.product div.sizes p { display: block; padding: 0; font-size: 12px; line-height: 44px; color: rgba(0, 0, 0, 0.5); }
div.product div.sizes p a:not(:hover) { opacity: 0.7; }

/* Product : Reverse */
div.product.reverse div.background:after {
	background: -webkit-linear-gradient(92deg, rgba(255, 255, 255, 1) 50.5%, rgba(255, 255, 255, 0) 80%);
	background: linear-gradient(92deg, rgba(255, 255, 255, 1) 50.5%, rgba(255, 255, 255, 0) 80%);
	}
div.product.reverse div.background div { left: 33%; right: -10px; }
div.product.reverse div.pictures { left: calc(50% + 8px); right: 15px; }
div.product.reverse div.pictures:before,
div.product.reverse div.pictures:after,
div.product.reverse div.pictures div.photolist { -webkit-transform: rotate(1deg); transform: rotate(1deg); }
div.product.reverse div.pictures div.photolist { left: 20px; right: auto; }
div.product.reverse div.pictures div.photolist div.li { padding: 0 0 0 12px; }
div.product.reverse div.info { left: 0; right: 50%; }

/* Product : Selection */
div.selection { padding-bottom: 20px; }
div.selection div.product { height: calc(100vw / 2.4); }
div.selection div.product div.pictures { left: 6%; }
div.selection div.product000 .photo { top: 49%; }
div.selection div.product.reverse div.pictures { left: calc(50% + 8px); right: 6%; }
div.selection div.product form div.addtocart a.button.cart span { display: none !important; }
div.selection div.products { padding-top: 0; min-height: 0; }

div.selection div.products.similars section.product { width: calc((85% - 8%) / 3); }
div.selection div.products.similars section.product:first-of-type { display: none; }
div.selection div.products.similars section.product.vm { width: 15%; }
div.selection div.products.similars section.product.vm a.touch { top: 20px; left: 8%; border-width: 0 0 0 1px; }
div.selection div.products.similars section.product.vm div.photo { padding-top: 210%; border-width: 0; }
div.selection div.products.similars section.product.vm div.photo a.message { position: absolute; top: calc(50% + 10px); left: 40%; font-size: 12px; line-height: 1.8em; text-align: left; font-weight: bold; text-transform: uppercase; -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); opacity: 0.5; }
div.selection div.products.similars section.product.vm:not(:hover) a.touch { border-color: rgba(0, 0, 0, 0.15); }
div.selection div.products.similars section.product.vm:hover div.photo a.message { opacity: 1; }

/* Product : Case */
div.case { display: none !important; margin: 60px 0 40px; width: 100%; height: 390px; background-position: -200px 50%; background-size: cover; }
div.case p { position: absolute; top: 75px; left: 580px; right: 100px; padding: 25px 30px; color: #5f6679; }

/* Product : Description */
div.productinfos div.description { z-index: auto; }
div.productinfos div.description:before { width: 32%; border-width: 0 0 0 1px; }
div.productinfos div.description > div { padding-right: 2.5vw; }
div.productinfos div.description p { text-align: justify; }

div.productinfos ul.infos { width: 28%; padding: 2vw 6vw 2vw 2.5vw; }
div.productinfos ul.infos li { display: block; font-size: 1.2vw; line-height: 3em; color: rgba(0, 0, 0, 0.7); border-width: 0 0 1px; }
div.productinfos ul.infos li:last-of-type { border-width: 0; }
div.productinfos ul.infos li strong { float: right; color: #000; }

/* Styles */
div.styles { z-index: 10; padding: 40px 0 40px; background: #404040; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
div.styles h2.cat { margin: 0; padding: 0; color: #fff; }

ul.styles { display: block; margin: 1% -1%; }
ul.styles li { display: inline-block; margin: 1%; padding-top: 30%; width: calc((100% - 12%)/ 6); border-width: 1px; border-color: rgba(255, 255, 255, 0.3); }
ul.styles li:hover { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

ul.styles li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
ul.styles li a:not(:hover) { -webkit-filter: grayscale(0.2); filter: grayscale(0.2); opacity: 0.8; }
ul.styles li a:before { content: ''; position: absolute; bottom: 0; top: 50%; left: 0; right: 0;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
	}
ul.styles li a strong { position: absolute; bottom: 10px; left: 0; right: 0; font-size: 12px; line-height: 26px; color: #fff; font-weight: bold; text-align: center; text-transform: uppercase; }
ul.styles li:not(:hover) a strong { opacity: 0.7; }

/* Order : Listing */
section.order { display: block; padding: 20px 0; border-width: 0 0 1px 0; }
section.order:first-of-type { border-top-width: 1px; }
section.order ul { display: flex; }
section.order li { align-self: center; }
section.order li.right { float: right; }

section.order li.img { padding-right: 20px; width: 100px; }
section.order li.img img { display: block; margin: -10px 0; width: 100%; }

section.order li.name { flex: 1; }
section.order li.name a { display: block; margin-top: -2px; font-size: 16px; line-height: 20px; }
section.order li.name span { display: block; margin-top: 6px; font-size: 14px; line-height: 20px; color: #777; }

section.order li.status { width: auto; font-size: 14px; line-height: 20px; text-align: center; }
section.order li.price { width: 120px; font-size: 16px; line-height: 20px; text-align: right; }
section.order li.button { width: 130px; font-size: 16px; line-height: 20px; text-align: right; }

/* Cart */
div.cart { margin: 20px 0 100px 0; }

/* Cart : Listing */
section.cart { display: block; padding: 20px 0; border-width: 0 0 1px 0; }
section.cart:first-of-type { border-top-width: 1px; }
section.cart ul { display: flex; }
section.cart li { align-self: center; }
section.cart li.right { float: right; }

section.cart li.img { padding-right: 20px; width: 100px; }
section.cart li.img img { display: block; margin: -10px 0; width: 100%; border-width: 1px; border-color: rgba(0, 0, 0, 0.05); }

section.cart li.name { flex: 1; }
section.cart li.name a.name { display: block; font-size: 16px; line-height: 22px; }
section.cart li.name em { top: -1px; font-size: 17px; color: #555; }
section.cart li.name strong { font-size: 15px; color: #555; vertical-align: baseline; }
section.cart li.name span { display: block; margin-top: 2px; font-size: 11px; line-height: 22px; color: #999; }
section.cart li.name span:first-line { font-size: 12px; color: #777; }

section.cart li.qty { padding-left: 50px; text-align: center; }
section.cart li.qty select { width: 50px; height: 30px; font-size: 16px; line-height: 28px; text-align: center; background: #fff; }
section.cart li.qty select + a.arrow { margin-top: 6px; }
section.cart li.price { width: 120px; font-size: 16px; line-height: 20px; text-align: right; }

section.cart li.options select { width: 250px; height: 30px; font-size: 16px; line-height: 28px; background: #fff; }
section.cart li.options select[name^="sizes"] { margin-left: 10px; width: 80px; }
section.cart li.options select + a.arrow { margin-top: 6px; }
section.cart li.options span { display: block; font-size: 14px; line-height: 22px; text-align: right; }
section.cart li.options span a { font-size: 13px; line-height: 20px; color: #777; text-decoration: underline; }

/* Cart : Slide */
.slidecart section.cart { display: block; padding: 20px 0; border-width: 1px 0 0; border-color: rgba(0, 0, 0, 0.15); }
.slidecart section.cart:after { content: ''; display: table; clear: both; }
.slidecart section.cart:first-of-type { border-top-width: 0; }

.slidecart section.cart div.photo { z-index: 5; float: left; margin-right: 15px; width: 100px; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); }
.slidecart section.cart.t1 div.photo img { margin: 20%; width: 60%; }

.slidecart section.cart h2 { font-size: 13px; line-height: 1.7em; }
.slidecart section.cart p.info { font-size: 12px; line-height: 1.6em; opacity: 0.5; }
.slidecart section.cart p.price { font-size: 14px; line-height: 1.6em; }
.slidecart section.cart p.qty { font-size: 12px; line-height: 1.6em; }

.slidecart section.cart form { margin: 7px 0 5px; opacity: 0.5; }
.slidecart section.cart form a.updateqty { display: inline-block; width: 24px; height: 24px; font-size: 12px; line-height: 22px; text-align: center; background: rgba(0, 0, 0, 0.025); border-width: 1px; }
.slidecart section.cart form input[name="qty"] { display: inline-block; width: 30px; height: 24px; font-size: 12px; line-height: 22px; text-align: center; border-width: 1px 0; }

.slidecart section.cart.promo form { margin: 0; }
.slidecart section.cart.promo form a.submit { margin-left: 15px; font-size: 10px; line-height: 24px; opacity: 0.5; }
.slidecart section.cart.promo div.photo { width: 100px; height: 65px; background: url('/img/gift.jpg') no-repeat 50% 50%; background-size: cover; border-radius: 2px; }
.slidecart section.cart.promo p.price { float: left; }

.slidecart ul.total { padding: 16px 0; border-width: 1px 0 0; }
.slidecart .total li { display: block; }
.slidecart .total strong, .slidecart .total span { display: inline-block; width: 50%; font-size: 14px; line-height: 26px; color: rgba(0, 0, 0, 0.7); }
.slidecart .total strong { text-align: left; text-transform: uppercase; font-weight: bold; color: #000; }
.slidecart .total span.price { top: -1px; text-align: right; }
.slidecart .total strong + span.price { font-size: 16px; color: #000; }

.slidecart .advices a:last-of-type { display: none; }
.slidecart .advices a.gift { pointer-events: auto; }
.slidecart .advices a:before, .slidecart .advices a strong:nth-of-type(2) { display: none; }

.slidecart div.advices { order: inherit; padding: 20px 0; border-width: 1px 0 0; }
.slidecart .advices a { width: 50%; pointer-events: none; }
.slidecart .advices a:last-of-type { display: none; }
.slidecart .advices a.gift { pointer-events: auto; }
.slidecart .advices a:before, .slidecart .advices a strong:nth-of-type(2) { display: none; }

.slidecart div.secure { margin: 0; padding: 20px 0 0; border-width: 1px 0 0; }
.slidecart ul.secure li { width: calc((100% - 40px) / 5); }

.slidecart form.cart { margin: 0; padding: 20px 0 0; border-width: 1px 0 0; }
.slidecart form.cart div.buttons { display: flex; margin: 0; flex-direction: row; }
.slidecart form.cart a.button { display: block; text-align: center; }
.slidecart form.cart a.button span.opacity { padding: 0 12px; font-size: 8px; opacity: 0.5; }
.slidecart form.cart a.button span.price { top: -1px; font-size: 14px; }
.slidecart form.cart div.secure { margin-top: 20px; }

.slidecart form.cart a.button.card { flex: 1; }
.slidecart form.cart a.button:not(.card) { display: none; }
.slidecart form.cart a.button[data-sep] { margin-left: 32px; }
.slidecart form.cart a.button[data-sep]:before { content: attr(data-sep); position: absolute; top: 0; left: -33px; height: 54px; width: 35px; font-size: 10px; line-height: 56px; color: #000; font-weight: normal; text-transform: uppercase; opacity: 0.5; }
.slidecart form.cart a.button.applepay { width: 72px; height: 56px; background-image: -webkit-named-image(apple-pay-logo-white); background-repeat: no-repeat; background-position: 50% 50%; background-size: 40px; border-radius: 3px; }

/* Cart : Promo */
form.promo { z-index: 5; position: absolute; display: block; padding: 20px 0; border-width: 0 0 1px 0; }
form.promo input { padding: 0 10px 0; width: 170px; height: 32px; font-size: 12px; line-height: 30px; border-width: 1px; background: #fff; }
form.promo a.button { margin-left: 10px; padding: 5px 10px; height: 32px; font-size: 11px; line-height: 20px; overflow: hidden; }
form.promo h2 { margin-top: 0; padding-top: 0; }

.slidecart form.promo { position: relative; display: block; padding: 20px 0; text-align: center; border-width: 1px 0 0; }
.slidecart form.promo h2 { display: inline-block; margin: 0 8px 0 0; padding: 0; font-size: 12px; line-height: 32px; text-align: right; }
.slidecart form.promo input { padding: 0; width: calc(100% - 210px); border-width: 0 0 1px; border-style: dashed; }
.slidecart form.promo div.opacity { opacity: 0.9; }

/* Cart : Special */
section.special li.img { width: 30%; }
section.special li.name span.info { max-width: 350px; font-size: 12px; color: #777; }

/* Cart : Total */
div.total { text-align: right; }
div.total ul.total { display: inline-block; text-align: right; }
div.total ul.total li { padding: 15px 0; font-size: 13px; line-height: 20px; color: #555; border-width: 0 0 1px 0; }
div.total ul.total li.ttc { font-size: 14px; font-weight: bold; color: #000; }
div.total ul.total li span.price { display: inline-block; width: 120px; font-size: 16px; text-align: right; }

/* Cart : Buttons */
form.cart { margin-top: 20px; text-align: right; }

/* Register */
div.register { padding: 40px 20px 40px calc(50% + 120px); }
div.register:after { content: ''; position: absolute; top: 30px; right: calc(50% - 100px); bottom: 30px; width: 1px; background: rgba(0, 0, 0, 0.1); }
div.register section { display: block; margin-top: 60px; width: 100%; }
div.register section.info { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; background: url('/img/back-register.jpg') no-repeat calc(50% + 320px) 0; background-size: auto 100%; }
div.register section.register { margin-top: 90px; }
div.register section.hidden { display: none; }
div.register section a.button + a.button { margin-left: 10px; }

div.register div.groupfield { background: rgba(255, 255, 255, 0.6); padding: 5px 15px; border-color: rgba(0, 0, 0, 0.2); }
div.register div.groupfield p.explain { padding: 10px 0 6px; font-size: 10px; opacity: 0.7; }
div.register section h2 { position: absolute; top: -62px; width: 100%; padding: 0 1px; font-size: 16px; line-height: 25px; font-weight: normal; color: rgba(17, 17, 17, 0.8); }
div.register section h2 strong { display: block; font-size: 18px; color: #000; }

/* Checkout */
div.checkout { margin-top: 20px; }
div.checkout > section { display: inline-block; margin-top: 15px; width: calc(50% - 10px); }
div.checkout > section > h2 { border-width: 0 0 1px 0; }
div.checkout > section > p { padding-right: 10px; font-size: 13px; color: #555; }
div.checkout > section > p strong { font-size: 14px; color: #000; }
div.checkout section.address h2, div.checkout section.delivery h2, div.checkout section.status h2 { margin-bottom: 15px; }
div.checkout section.address p, div.checkout section.b-delivery p { padding: 0 0 0 100px; }
div.checkout section.address p:before, div.checkout section.b-delivery p:before { content: ''; position: absolute; top: 8px; left: 0; width: 80px; height: 80px; background: url('/img/icon-address.png') no-repeat 0 0; background-size: 100% auto; opacity: 0.4; }
div.checkout section.b-delivery p:before { background-image: url('/img/icon-delivery.png'); }
div.checkout section.delivery { margin-top: 0; margin-left: 20px; }
div.checkout section.address { margin-top: 0; }

body.checkout section.error { margin-top: 20px; padding: 15px; border-width: 1px; border-color: #e84c3d; border-radius: 3px; }
body.checkout section.error p { font-size: 14px; }

div.checkout a.button.checkout { padding-left: 50px; background: #4d9a26; }
div.checkout a.button.checkout:hover { background: rgba(77, 154, 38, 0.9); }
div.checkout a.button.checkout:before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-position: 0 -150px; background-size: 50px auto; }

div.checkout a.button.nopay { padding-left: 50px; background: #4d9a26; }
div.checkout a.button.nopay:hover { background: rgba(77, 154, 38, 0.9); }
div.checkout a.button.nopay:before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-position: 0 -150px; background-size: 50px auto; }

div.checkout a.button.paypal { margin-top: 40px; padding-left: 42px; padding-right: 90px; background-image: url('/img/paypal.png'); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 100%; }
div.checkout a.button.paypal:before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-position: -2px -600px; background-size: 50px auto; }
div.checkout a.button.paypal strong { display: none; }

div.checkout section.summary { display: block; width: 100%; }
div.checkout section.summary div.total form { margin-top: 20px; text-align: center; }
div.checkout section.summary section.cart:first-of-type { border-top-width: 0; }
div.checkout section.summary div.cart { margin-top: 0; }

div.checkout div.total { float: right; }
div.checkout div.total ul.total { display: block; }
div.checkout div.total p.info { margin-top: 85px; font-size: 9px; line-height: 16px; text-align: center; color: #777; }
div.checkout div.total p.info.nopay { margin-top: 10px; }

/* Status */
div.checkout section.status { width: 100%; margin-top: 0; margin-bottom: 15px; min-height: auto; }
div.checkout section.status h2 { margin-bottom: 0; }
ul.status li { padding: 10px 10px 10px 100px; font-size: 13px; line-height: 20px; border-width: 0 0 1px 0; }
ul.status li span.date { position: absolute; left: 0; font-size: 13px; color: #555; }

/* Stores */
div.stores { height: calc(100vh - 170px); min-height: 450px; }
.stores div.fullwidth { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; border-width: 0 0 1px; }
.stores div.map-container { height: 100%; }
.stores div.map-container div.gm-style > div { position: initial; }
.stores .map-item-info p { margin: 0; padding: 0; }
.stores .map-item-info p.title { padding: 0; font-weight: bold; }

/* Cart : Buttons */
form.cart { margin-top: 20px; text-align: right; }

/* Price Promo */
.price s { opacity: 0.5; padding-right: 5px; }
.price strong.promo { /* color: #4d9a26; */ }

/* Teaser */
.teaser { padding: 0; width: 100%; height: 52vw; background: #fff; overflow: hidden; }
.teaser.teaser-style { height: 85vw; }
.teaser .background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }
.teaser .background img { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.teaser h1, .teaser h2, .teaser h3 { position: absolute; margin: 0; padding: 0; font-size: 5vw; line-height: 1em; }
.teaser h1 .brush { font-size: 1em; }
.teaser p { position: absolute; font-size: 1.4vw; line-height: 1.6em; text-align: center; }
.teaser a.button { z-index: 10; position: absolute; padding: 0.8em 1.6em; font-size: 0.8vw; line-height: 3em; }

 [data-teaser="home"].video { display: none; }
 [data-teaser="home"].teaser { display: block; }

.teaser[data-teaser="home"] h2, .teaser[data-teaser="home"] h3, .teaser[data-teaser="home"] p { top: 22%; left: 6%; width: 25%; text-align: left; color: #fff; }
.teaser[data-teaser="home"] h2 { font-size: 8vw; /* color: #fece14; */ }
.teaser[data-teaser="home"] h3 { top: 58%; font-size: 4vw; }
.teaser[data-teaser="home"] p { top: 68%; }

.teaser[data-teaser="soldes0"] h2, .teaser[data-teaser="soldes0"] h3, .teaser[data-teaser="soldes0"] p { top: 23%; left: 5%; width: 90%; text-align: center; color: #fff; }
.teaser[data-teaser="soldes0"] h2 { font-size: 8vw; }
.teaser[data-teaser="soldes0"] h2 .brush { color: #fff; }
.teaser[data-teaser="soldes0"] h3 { top: 43%; font-size: 5vw; color: #fece14; }
.teaser[data-teaser="soldes0"] p { top: 57%; font-size: 2.2vw; color: rgba(255, 255, 255, 0.7); }
.teaser[data-teaser="soldes0"] p strong { font-size: 2.6vw; color: #fff; }
.teaser[data-teaser="soldes0"] a.button { top: 76%; left: 50%; transform: translateX(-50%); -webkit-filter: invert(1); filter: invert(1); }
.teaser[data-teaser="soldes0"] a.button:hover { -webkit-filter: invert(0); filter: invert(0); }

.teaser[data-teaser="soldes1"] h2, .teaser[data-teaser="soldes"] h3, .teaser[data-teaser="soldes"] p { top: 28%; left: 5%; width: 60%; text-align: center; color: #fff; }
.teaser[data-teaser="soldes1"] h2 { font-size: 5vw; }
.teaser[data-teaser="soldes1"] h3 { top: 40%; font-size: 4vw; }
.teaser[data-teaser="soldes1"] p { top: 50%; font-size: 2.2vw; color: rgba(255, 255, 255, 0.7); }
.teaser[data-teaser="soldes1"] p strong { font-size: 2.6vw; color: #fff; }
.teaser[data-teaser="soldes1"] a.button { top: 62%; left: 35%; transform: translateX(-50%); -webkit-filter: invert(1); filter: invert(1); }
.teaser[data-teaser="soldes1"] a.button:hover { -webkit-filter: invert(0); filter: invert(0); }

.teaser[data-teaser="soldes0"] h2, .teaser[data-teaser="soldes0"] h3, .teaser[data-teaser="soldes0"] p { top: 15%; left: 40%; width: 60%; text-align: center; color: #fff; }
.teaser[data-teaser="soldes0"] h2 { z-index: 1; left: 39%; font-size: 8vw; transform: rotate(-8deg); }
.teaser[data-teaser="soldes0"] h3 { top: 33%; font-size: 6vw; }
.teaser[data-teaser="soldes0"] p { top: 68%; font-size: 2vw; color: rgba(255, 255, 255, 0.7); }
.teaser[data-teaser="soldes0"] a.button { top: 79%; left: 70%; transform: translateX(-50%); -webkit-filter: invert(1); filter: invert(1); }
.teaser[data-teaser="soldes0"] a.button:hover { -webkit-filter: invert(0); filter: invert(0); }

.teaser[data-teaser="soldes2"] h2, .teaser[data-teaser="soldes2"] h3, .teaser[data-teaser="soldes2"] p { top: 23%; left: 9%; width: 80%; text-align: center; }
.teaser[data-teaser="soldes2"] h2 { font-size: 10vw; }
.teaser[data-teaser="soldes2"] h2 .brush { display: inline-block; top: -0.1em; -webkit-transform: rotate(-5deg) scale(1.75); transform: rotate(-5deg) scale(1.75); }
.teaser[data-teaser="soldes2"] p { top: 62%; font-size: 2.6vw; font-weight: bold; text-transform: uppercase; color: #000; }
.teaser[data-teaser="soldes2"] p .title { left: -12.5%; }
.teaser[data-teaser="soldes2"] a.button { top: 73%; left: 39%; transform: translateX(-50%); }

div.banner.soldes2 h2 { margin-bottom: -0.08em; padding: 0 0 0.1em; font-size: 8vw; font-family: PBtitle, Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 0; font-weight: normal !important; color: #000; }
div.banner.soldes2 h2 .brush { display: inline-block; top: -0.1em; -webkit-transform: rotate(-5deg) scale(1.75); transform: rotate(-5deg) scale(1.75); }
div.banner.soldes2 p { left: 0; font-size: 2vw; font-weight: bold; text-transform: uppercase; color: #000; }
div.banner.soldes2 p .title { left: -12.5%; }
div.banner.soldes2 div.all { top: 52%; width: 60%; }
@media only screen and (max-width: 1420px){ div.banner.soldes2 div.all { top: 54%; } }
div.banner.soldes2 div.all > div { left: -3%; text-shadow: none; }
div.banner.soldes2 .background img { height: auto; -webkit-filter: none; filter: none; }

.teaser[data-teaser="soldes"] h2, .teaser[data-teaser="soldes"] h3, .teaser[data-teaser="soldes"] p { top: 16%; left: 4%; width: 25%; text-align: center; }
.teaser[data-teaser="soldes"] h2 { font-size: 8vw; line-height: 1.4em; color: #fff; }
.teaser[data-teaser="soldes"] h2 .mini { display: block; margin: -0.1em 0; font-size: 0.55em; }
.teaser[data-teaser="soldes"] h2 .brush { display: block; font-size: 12vw; -webkit-transform: rotate(-5deg) scale(1.1); transform: rotate(-5deg) scale(1.1); }
.teaser[data-teaser="soldes"] p { top: 63%; font-size: 2.5vw; font-weight: bold; text-transform: uppercase; color: #fff; }
.teaser[data-teaser="soldes"] a.button { top: 75%; left: 16.5%; transform: translateX(-50%); -webkit-filter: invert(1); filter: invert(1); }
.teaser[data-teaser="soldes"] a.button:hover { -webkit-filter: invert(0); filter: invert(0); }

div.banner.soldes h2 { margin-bottom: -0.08em; padding: 0 0 0.1em; font-size: 5vw; line-height: 1.6em; font-family: PBtitle, Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 0; font-weight: normal !important; color: #fff; }
div.banner.soldes h2 .mini { display: block; margin: -0.1em 0; font-size: 0.55em; }
div.banner.soldes h2 .brush { display: block; top: -0.15em; font-size: 8vw; -webkit-transform: rotate(-5deg) scale(1.1); transform: rotate(-5deg) scale(1.1); }
div.banner.soldes p { left: 0; font-size: 1.6vw; font-weight: bold; text-transform: uppercase; color: #fff; }
div.banner.soldes div.all { top: 52%; width: 60%; }
div.banner.soldes div.all > div { left: -55%; text-shadow: none; }
div.banner.soldes .background img { height: 140%; -webkit-filter: none; filter: none; }

.teaser[data-teaser="black-friday"] h2, .teaser[data-teaser="black-friday"] h3, .teaser[data-teaser="black-friday"] p { top: 22%; left: 0; width: 50%; text-align: center; color: #fff; text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.7); }
.teaser[data-teaser="black-friday"] h2 { font-size: 7.5vw; }
.teaser[data-teaser="black-friday"] h2 .brush { top: -0.05em; }
.teaser[data-teaser="black-friday"] p { top: 57%; font-size: 1.2vw; font-weight: bold; text-transform: uppercase; }
.teaser[data-teaser="black-friday"] p:first-line { font-size: 2.38vw; font-family: PBtitle, Tahoma, sans-serif; text-transform: uppercase; font-weight: normal !important; }
.teaser[data-teaser="black-friday"] a.button { top: 68%; left: 25%; margin: 0; transform: translateX(-50%); background: #fece14; color: #000; }
.teaser[data-teaser="black-friday"] a.button:hover { -webkit-filter: invert(0); filter: invert(0); }
div.banner.black-friday h2 { margin-bottom: -0.08em; font-size: 8vw; font-family: PBtitle, Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 0; font-weight: normal !important; }
div.banner.black-friday h2 .brush { top: -0.07em; }
div.banner.black-friday p { font-size: 2.6vw; font-weight: bold; text-transform: uppercase; color: #fff; }
div.banner.black-friday div.all { top: 56%; width: 60%; }
div.banner.black-friday .background img { height: auto; -webkit-filter: none; filter: none; }

.teaser[data-teaser="fdp"] h2, .teaser[data-teaser="fdp"] h3, .teaser[data-teaser="fdp"] p { top: 24%; left: 45%; width: 50%; text-align: center; color: #fff; text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.7); }
.teaser[data-teaser="fdp"] h2 { font-size: 6vw; }
.teaser[data-teaser="fdp"] h2 .brush { top: -0.05em; }
.teaser[data-teaser="fdp"] p { top: 39%; font-size: 2.6vw; font-weight: bold; text-transform: uppercase; }
.teaser[data-teaser="fdp"] a.button { top: 55%; left: 70%; transform: translateX(-50%); -webkit-filter: invert(1); filter: invert(1); }
.teaser[data-teaser="fdp"] a.button:hover { -webkit-filter: invert(0); filter: invert(0); }
div.banner.fdp h2 { margin-bottom: -0.08em; font-size: 8vw; font-family: PBtitle, Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 0; font-weight: normal !important; }
div.banner.fdp h2 .brush { top: -0.07em; }
div.banner.fdp p { font-size: 2.6vw; font-weight: bold; text-transform: uppercase; color: #fff; }
div.banner.fdp div.all { top: 56%; width: 60%; }
div.banner.fdp .background img { height: auto; -webkit-filter: none; filter: none; }

.teaser[data-teaser="noel"] h2, .teaser[data-teaser="noel"] h3, .teaser[data-teaser="noel"] p { top: 38%; left: auto; right: 5%; width: 45%; text-align: center; color: #fff; }
.teaser[data-teaser="noel"] h2 { font-size: 7vw; line-height: 0.9em; }
.teaser[data-teaser="noel"] h2:first-line { font-size: 12vw; }
.teaser[data-teaser="noel"] h2 .brush { top: -0.05em; margin-right: -0.7em; font-size: 1.3em; }
.teaser[data-teaser="noel"] p { top: 39%; font-size: 2.6vw; font-weight: bold; text-transform: uppercase; }
.teaser[data-teaser="noel"] a.button { top: 55%; left: 70%; transform: translateX(-50%); -webkit-filter: invert(1); filter: invert(1); }
.teaser[data-teaser="noel"] a.button:hover { -webkit-filter: invert(0); filter: invert(0); }
div.banner.noel h2 { margin-bottom: -0.08em; font-size: 8vw; font-family: PBtitle, Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 0; font-weight: normal !important; }
div.banner.noel h2 .brush { top: -0.07em; }
div.banner.noel p { font-size: 2.6vw; font-weight: bold; text-transform: uppercase; color: #fff; }
div.banner.noel div.all { top: 56%; width: 60%; }
div.banner.noel .background img { height: auto; -webkit-filter: none; filter: none; }

.teaser[data-teaser="style-alexis"] h2 { top: 10%; left: 56%; font-size: 8vw; }
.teaser[data-teaser="style-alexis"] p { top: 46%; right: 6%; width: 24%; text-align: right; }
.teaser[data-teaser="style-alexis"] a.button { top: 71%; right: 6%; }
.teaser[data-teaser="style-alexis"] .color000 { color: #ba3abe; }

.teaser.teaser-style[data-teaser="style-alexis"] h2 { left: 56%; }
.teaser.teaser-style[data-teaser="style-alexis"] p { top: 32%; right: 5%; }
.teaser.teaser-style[data-teaser="style-alexis"] p + p { top: 47%; width: 19%; }
.teaser.teaser-style[data-teaser="style-alexis"] p + p:before { content: ''; float: left; width: 7.5vw; height: 14em; shape-outside: polygon(0 0, 0% 100%, 100% 100%); shape-margin: 0; pointer-events: none; }

.teaser[data-teaser="style-asael"] h2 { top: 15%; left: 6%; font-size: 8vw; color: #fff; }
.teaser[data-teaser="style-asael"] p { top: 51%; right: 60%; width: 25%; text-align: right; color: #fff; }
.teaser[data-teaser="style-asael"] a.button { top: 76%; right: 60%; -webkit-filter: invert(1); filter: invert(1); }
.teaser[data-teaser="style-asael"] a.button:hover { -webkit-filter: invert(0); filter: invert(0); }
.teaser[data-teaser="style-asael"] .color000 { color: #ba3abe; }
.teaser[data-teaser="style-asael"] .write { color: #fff; }

.teaser.teaser-style[data-teaser="style-asael"] h2 { top: 17%; left: 5%; }
.teaser.teaser-style[data-teaser="style-asael"] p { top: 39%; right: 67%; width: 25%; }
.teaser.teaser-style[data-teaser="style-asael"] p + p { top: 54%; width: 26%; }
.teaser.teaser-style[data-teaser="style-asael"] p + p + p  { top: 69%; width: 25%; }

.teaser[data-teaser="style-samuel"] h2 { top: 10%; left: 56%; font-size: 8vw; }
.teaser[data-teaser="style-samuel"] p { top: 46%; right: 6%; width: 28%; text-align: right; }
.teaser[data-teaser="style-samuel"] a.button { top: 71%; right: 6%; }
.teaser[data-teaser="style-samuel"] .color000 { color: #86adf7; }

.teaser.teaser-style[data-teaser="style-samuel"] p { top: 32%; }
.teaser.teaser-style[data-teaser="style-samuel"] p + p { top: 47%; width : 20%; }

.teaser[data-teaser="finitions"] h2, .teaser[data-teaser="finitions"] h3, .teaser[data-teaser="finitions"] p { right: 9%; width: 25%; text-align: right; color: #fff; }
.teaser[data-teaser="finitions"] h2 { top: 22%; left: 6%; width: 40%; font-size: 7vw; text-align: left; }
.teaser[data-teaser="finitions"] h3 { top: 30%; font-size: 4vw; }
.teaser[data-teaser="finitions"] p { top: 40%; width: 24%; }
.teaser[data-teaser="finitions"] p + p { top: 68%; width: 25%; }
.teaser[data-teaser="finitions"] p:first-of-type:before { content: ''; float: left; width: 5vw; height: 14vw; shape-outside: polygon(0 0, 100% 0, 0 100%); shape-margin: 0; pointer-events: none; }

.teaser[data-teaser="quality"] h1, .teaser[data-teaser="quality"] p { top: 22%; left: 64%; width: 28%; text-align: left; }
.teaser[data-teaser="quality"] h2 { top: 22%; left: 7%; font-size: 6vw; line-height: 1em; text-align: center; }
.teaser[data-teaser="quality"] h2 .brush { font-size: 1.1em; }
.teaser[data-teaser="quality"] p { top: 55%; width: 25%; }

.teaser[data-teaser="quality-heat"] h2, .teaser[data-teaser="quality-heat"] p { top: 22%; right: 56%; width: 28%; text-align: right; color: #fff; }
.teaser[data-teaser="quality-heat"] p { top: 55%; }

.teaser[data-teaser="quality-impact"] h2, .teaser[data-teaser="quality-impact"] p { top: 15%; right: 9%; width: 38%; text-align: right; }
.teaser[data-teaser="quality-impact"] p { top: 38%; width: 17%; }

.teaser[data-teaser="quality-humidity"] h2, .teaser[data-teaser="quality-humidity"] p { top: 22%; right: 63%; width: 27.5%; text-align: right; }
.teaser[data-teaser="quality-humidity"] p { top: 55%; }

.teaser[data-teaser="quality-hypoallergenic"] h2, .teaser[data-teaser="quality-hypoallergenic"] p { top: 27%; left: 52%; width: 42%; text-align: left; }
.teaser[data-teaser="quality-hypoallergenic"] p { top: 50%; width: 30%; }

.teaser[data-teaser="quality-time"] h2, .teaser[data-teaser="quality-time"] p { top: 22%; right: 48%; width: 28%; text-align: right; color: #fff; }
.teaser[data-teaser="quality-time"] p { top: 55%; }

.teaser[data-teaser="savoir-faire"] h2, .teaser[data-teaser="savoir-faire"] p { top: 11%; left: 30%; width: 40%; text-align: center; color: #fff; }
.teaser[data-teaser="savoir-faire"] p { top: 34%; left: 22%; width: 56%; }

/* Register */
div.register { padding: 40px 20px 40px calc(50% + 120px); }
div.register:after { content: ''; position: absolute; top: 30px; right: calc(50% - 100px); bottom: 30px; width: 1px; background: rgba(0, 0, 0, 0.1); }
div.register section { display: block; margin-top: 60px; width: 100%; }
div.register section.info { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; background: #d3d5e0 url('/img/back-register-vs.jpg') no-repeat calc(50% + 320px) 0; background-size: auto 100%; }
div.register section.register { margin-top: 90px; }
div.register section.hidden { display: none; }
div.register section a.button + a.button { margin-left: 10px; }

div.register div.groupfield { background: rgba(255, 255, 255, 0.8); padding: 5px 15px; border-color: rgba(0, 0, 0, 0.3); }
div.register div.groupfield p.explain { padding: 10px 0 8px; font-size: 10px; opacity: 0.7; }
div.register section h2 { position: absolute; top: -62px; width: 100%; padding: 0 1px; font-size: 16px; line-height: 25px; font-weight: normal; color: rgba(17, 17, 17, 0.8); }
div.register section h2 strong { display: block; font-size: 18px; color: #000; }

/* Part */
div.part { display: inline-block; padding: 20px; width: 50%; }

/* Flex Form */
div.flexform div.part { width: 50%; align-items: center; justify-content: center; }
div.flexform div.part:nth-of-type(1) { display: flex; }
div.flexform div.maxwidth { max-width: 420px; padding: 5px 0 10px; }
div.flexform p.info { padding: 0 0 10px; }
div.flexform h1 { padding: 0; }

/* Advices */
div.advices { z-index: 10; display: flex; padding: 5vw 0; background: #fff; }
.advices section { flex: 1; display: inline-block; padding: 1vw 0; font-size: 1vw; line-height: 1.6em; text-align: center; color: #555; border-width: 0 0 0 1px; }
.advices section:before { content: ''; display: block; margin: 0 auto 1vw; width: 5vw; height: 5vw; background: #fff url('/img/advices.png?v2') no-repeat 50% 0; background-size: 100% auto; border-radius: 50%; -webkit-filter: invert(1); filter: invert(1); }
.advices section.guarantee:before { background-position: 50% 14%; }
.advices section.delivery:before { background-position: 50% 28%; }
.advices section.shipping:before { background-position: 50% 28%; }
.advices section.care:before { background-position: 50% -210px; }
.advices section.return:before { background-position: 50% 71.5%; }
.advices section.contact:before { background-position: 50% 86%; }
.advices section:first-of-type { border: 0; }
.advices section strong { display: block; font-size: 1.2vw; color: #000; font-weight: normal; }

/* Product Advices */
div.productadvices { padding: 30px 0; background: none; border-width: 0 0 1px 0; }
.productadvices section { padding: 5px 0 0; width: calc(100% / 4); font-size: 12px; line-height: 22px; }
.productadvices section:before { margin: 0 auto 20px; width: 100px; height: 100px; opacity: 0.8; }
.productadvices section.guarantee:before { background-position: 50% -95px; }
.productadvices section.shipping:before { background-position: 50% -295px; }
.productadvices section.care:before { background-position: 50% -388px; }
.productadvices section.return:before { background-position: 50% -490px; }
.productadvices section strong { font-size: 15px; }

/* Socials */
div.socials { z-index: 1; padding: 20px 0 30px; text-align: center; }
.socials h3 { display: block; margin: 30px 0 20px; padding: 0 20px; font-size: 24px; line-height: 40px; text-align: center; }
.socials a { display: inline-block; margin: 10px; width: 50px; height: 50px; color: rgba(0, 0, 0, 0); background: #000 url('/img/socials.png?v1') no-repeat 50% 0; background-size: 100% auto; border-radius: 50%; }
.socials a.fb { background-position: 50% 0; }
.socials a.fb:hover { background-color: #3b5796; }
.socials a.yt { background-position: 50% -50px; }
.socials a.yt:hover { background-color: #cd1f1e; }
.socials a.ig { background-position: 50% -100px; }
.socials a.ig:hover { background-color: #e23f5c; }
.socials a.tw { background-position: 50% -150px; }
.socials a.tw:hover { background-color: #55aded; }
.socials a.pt { background-position: 50% -200px; }
.socials a.pt:hover { background-color: #be071d; }
div.menu div.socials { position: absolute; left: 0; right: 0; bottom: 0; }
div.menu .socials a { margin: 10px 5px; transform: scale(0.9); transform-origin: 50% 100%; }

/* Secure */
ul.secure li { display: inline-block; margin: 0 0 0 10px; padding-bottom: 10%; width: 60px; height: 0; font-size: 0; line-height: 0; color: rgba(0, 0, 0, 0); background: url('/img/secure.png?v2') no-repeat 50% 0; background-size: 100% auto; border-width: 1px; border-radius: 2px; opacity: 0.6; }
ul.secure li:first-of-type { margin-left: 0; }
ul.secure li.cb { background-position: 50% 1%; }
ul.secure li.vi { background-position: 50% 26%; }
ul.secure li.mc { background-position: 50% 50%; }
ul.secure li.al { background-position: 50% 74%; }
ul.secure li.pp { background-position: 50% 99%; }

/* Legals */
div.legals { font-size: 14px; line-height: 22px; }
div.legals h2 { margin: 20px 0 5px; }

/* Footer */
footer { z-index: 15; padding: 80px 0 30px; background: #fff; border-width: 0; -webkit-filter: invert(1); filter: invert(1); }
footer a.logo { display: block; margin: 0.5em auto 0; width: 300px; height: 70px; font-size: 50px; line-height: 70px; text-align: center; }
footer a.logo .phebus { background-color: #000; }
footer .socials a:hover { -webkit-filter: invert(1); filter: invert(1); }
footer p { padding: 0 20px; font-size: 12px; line-height: 20px; color: #333; text-align: center; }
footer p a { color: #333 !important; }
footer p strong { font-weight: normal; }

/* Full Width */
.fullwidth { margin-left: calc(-100vw / 2 + 1350px / 2) !important; margin-right: calc(-100vw / 2 + 1350px / 2) !important; width: auto; }

/* Range Price */
.ui-slider { margin: 7px 2px 7px; width: calc(100% - 4px); height: 1px; background: rgba(0, 0, 0, 0.1); }
.ui-slider .ui-slider-range { z-index: 1; position: absolute; top: 0; height: 100%; background: rgba(0, 0, 0, 0.3); border-radius: 2px; }
.ui-slider .ui-slider-handle { z-index: 2; position: absolute; top: -7px; margin-left: -2px; width: 7px; height: 15px; background: #fcfcfc; border: 1px solid #777; border-radius: 2px; cursor: pointer; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-handle:before { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; cursor: pointer; }
.ui-slider .ui-slider-handle.ui-state-hover { border-color: #555; }
.ui-slider .ui-slider-handle.ui-state-active { border-color: #000; }
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {	filter: inherit; }
.ui-slider-range-min { left: 0; }
.ui-slider-range-max { right: 0; }

/* Page */
body.page div.banner a.touch { display: none; }
body.page div.content > div.all { z-index: 11; top: -84px; min-height: 250px; }
body.page div.content > div.all:before { z-index: -1; content: ''; position: absolute; top: -25px; left: -30px; right: -30px; bottom: 0; border-width: 1px; background: #fff;
	border-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 200px) 1;
	border-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 200px) 1;
	}

/* Checkout */
body.checkout div.styles,
body.checkout div.announce,
body.checkout div.advices:not(.advicelist),
body.checkout footer ul.sntwks { display: none !important; }
body.checkout:before { z-index: 10; content: ''; position: fixed; top: 0; left: 0; right: 0; height: 2px; background: #000; }
body.checkout .sticky { position: relative; top: 0; }

body.checkout div.partleft { width: 55%; }
body.checkout div.partleft:after { content: ''; display: table; clear: both; }
body.checkout div.partleft > div.all { display: flex; flex-flow: column; float: right; margin: 0 40px 0 0; max-width: 420px; min-height: 100vh; }
@supports(min-height: 100dvh) { body.checkout div.partleft > div.all { min-height: 100dvh; } }

body.checkout div.partright { position: fixed; top: 0; left: 55%; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.025); border-width: 2px 0 0px; border-color: rgba(0, 0, 0, 0.7); }
body.checkout div.slidecart { position: absolute; top: 0; bottom: 0; left: 0; right: inherit !important; background: transparent; border-width: 0; box-shadow: none; }
body.checkout div.slidecart:before { content: ''; position: absolute; top: 0; bottom: 0; left: -1px; width: 0; border-width: 0 0 0 1px; }
body.checkout div.slidecart div.cartlist { flex: inherit; }

body.checkout div.partcontent { flex: 1; }
body.checkout div.partcontent h2.section { padding: 20px 0 10px; font-size: 14px; line-height: 20px; }
body.checkout div.partcontent h2.section a { position: absolute; right: 0; font-size: 12px; line-height: 20px; text-transform: none; font-weight: normal; opacity: 0.3; }
body.checkout div.partcontent h2.section a.securepayment { padding-right: 15px; background-position: calc(100% + 10px) -455px; background-size: 30px auto; opacity: 0.7; pointer-events: none; }
body.checkout div.partcontent h2.section a:hover { opacity: 1; }

body.checkout header, body.checkout footer { display: none; }
body.checkout div.partleft header, body.checkout div.partleft footer { display: block; background: transparent; }
body.checkout div.partleft header { margin: 6px 0 0; padding: 0; height: 81px; border-width: 0 0 1px; }
body.checkout div.partleft header a.logo { top: 13px; left: 50%; width: 130px; height: 50px; font-size: 30px; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
body.checkout div.partleft header a.logo .phebus { background-color: #000; }
body.checkout div.partleft footer { margin-top: 50px; padding: 0; }

body.checkout section.checkoutdetails { display: none; top: -1px; background: rgba(0, 0, 0, 0.025); border-width: 1px 0; }
body.checkout section.checkoutdetails.fullwidth { margin-left: calc(-100vw / 2 + 420px / 2) !important; margin-right: calc(-100vw / 2 + 420px / 2) !important; width: auto; }
body.checkout section.checkoutdetails div.slidecart { display: none; position: relative; top: -10px; border-width: 1px 0 0; }
body.checkout section.checkoutdetails div.slidecart:before { display: none; }
body.checkout section.checkoutdetails div.slidecart div.cartlist { border-width: 0 0 1px; }
body.checkout section.checkoutdetails div.slidecart p.goback { padding: 10px 0 5px; font-size: 12px; line-height: 20px; }
body.checkout section.checkoutdetails div.slidecart p.goback a:not(:hover) { opacity: 0.5; }

body.checkout section.checkoutdetails h2.section { padding-bottom: 20px; }
body.checkout section.checkoutdetails h2.section span.price { position: absolute; right: 20px; }
body.checkout section.checkoutdetails h2.section a.checkoutdetails { opacity: 1; }
body.checkout section.checkoutdetails h2.section a.checkoutdetails:before { content: ''; position: absolute; top: 0; right: 0; width: 8px; height: 60px; background: url('/img/arrow.png') no-repeat 100% calc(50% + 1px); background-size: auto 6px; }
body.checkout section.checkoutdetails.active h2.section a.checkoutdetails:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

body.checkout section.delivery { margin-top: 20px; border-width: 1px 0 0; }

body.checkout section.payment { margin-top: 20px; border-width: 1px 0 0; }
body.checkout section.payment:empty { display: none; }

body.checkout footer div.all { text-align: center; }
body.checkout footer ul.links { display: block; float: none; padding: 0; }
body.checkout footer ul.links:before { display: none; }

/* Payline : Column */
body.checkout section.payment div.pl-card-logos-container,
body.checkout section.payment span.pl-form-control-addon { display: none; }
body.checkout section.payment .PaylineWidget * { font-family: 'Almarai', Arial, sans-serif; text-shadow: none; }
body.checkout section.payment .PaylineWidget.pl-container-default .pl-pmContainer { margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; }
body.checkout section.payment .PaylineWidget .pl-form-container .pl-input, body.checkout section.payment .PaylineWidget .pl-form-control { -webkit-box-shadow: none; box-shadow: none; }
body.checkout section.payment .PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-paymentMethod-view { margin: 0; padding: 0; }
body.checkout section.payment .PaylineWidget .pl-container-view .pl-manager .pl-message:empty { display: none; }
body.checkout section.payment .PaylineWidget .pl-container-view .pl-manager .pl-message-warn { margin: 0; padding: 5px 0; }
body.checkout section.payment .PaylineWidget .pl-message-warn, body.checkout section.payment .PaylineWidget .pl-message-warning { color: #000; font-weight: normal; }

body.checkout section.payment .PaylineWidget .pl-spinner { margin: 0; }
body.checkout section.payment .PaylineWidget .pl-form-container label,
body.checkout section.payment .PaylineWidget.pl-container-default .pl-manager .pl-form-group .pl-message { z-index: 5; position: absolute; top: 9px; left: 14px; margin: 0; font-size: 12px; line-height: 20px; font-weight: normal; text-align: left; pointer-events: none; }
body.checkout section.payment .PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-input { margin: 5px; padding: 16px 0 0 7px; width: calc(100% - 10px); height: 46px; font-size: 14px; line-height: 20px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; }
body.checkout section.payment .PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-input:focus, body.checkout section.payment .PaylineWidget .pl-container-view .pl-iframe-focus { border: 1px solid rgba(0, 0, 0, 0.7) !important; }
body.checkout section.payment .PaylineWidget .pl-paymentMethodLayout-view .pl-cvvContainer .pl-input, body.checkout section.payment .PaylineWidget .pl-paymentMethodLayout-view .pl-cardNumberContainer .pl-input { padding-left: 2px; }
body.checkout section.payment .PaylineWidget.pl-container-default .pl-label-input { color: rgba(0, 0, 0, 0.5); }
body.checkout section.payment .PaylineWidget .pl-container-view .pl-has-error .pl-input { background: #fff; border: 1px solid #e84c3d; }
body.checkout section.payment .PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-input-feedback.pl-icon-warning { display: none; top: 11px; right: 10px; }
body.checkout section.payment .PaylineWidget .pl-container-view .pl-cardTypeIconContainer.pl-card-type-identified { right: 54px; }
body.checkout section.payment .PaylineWidget .pl-container-view .pl-has-error .pl-cardTypeIconContainer { right: 54px; }
body.checkout section.payment .PaylineWidget.pl-container-default .pl-pmContainer .pl-cardTypeIconContainer { margin-top: -12px; }
body.checkout section.payment .PaylineWidget .pl-message-error { color: #e84c3d; }
body.checkout section.payment .PaylineWidget .pl-pay-btn-container { display: block; margin: 10px 5px 0; }

body.checkout section.payment .PaylineWidget.pl-container-default .pl-pay-btn { display: block; padding: 8px 20px; width: 100%; max-width: inherit; font-size: 13px; line-height: 40px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; border-radius: 0; background: #000; /* background: #26a434; border: 1px solid #26a434; */ }
body.checkout section.payment .PaylineWidget.pl-container-default .pl-pay-btn:hover { color: #fff; background-color: #rgba(0, 0, 0, 0.8) !important; }

/* Payline : Lightbox */
#pl-container-lightbox-header-title { margin: 0 auto; width: 180px; height: 80px; font-size: 0; line-height: 0; color: rgba(0, 0, 0, 0); background: url('/img/logo.png') no-repeat 50% 50%; background-size: 180px auto; }
#pl-container-lightbox-header-subtitle-separator { margin-left: auto; margin-right: auto; }
#pl-container-lightbox-header-subtitle span { display: block; }

/* Cookies */
#tarteaucitronRoot #tarteaucitronServices { background: #fff !important; font-size: 12px; line-height: 1.4em; border: 2px solid #000; }
#tarteaucitronRoot #tarteaucitronStatusInfo { display: block; }

#tarteaucitronAlertBig {  }
#tarteaucitronAlertBig:after { content: ''; display: table; clear: both; }
#tarteaucitronAlertBig { padding: 20px !important; width: calc(100% - 40px) !important; text-align: right !important; background: #fff !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; border-width: 1px 0 0 !important; }
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { float: left; padding: 0 !important; font-size: 16px !important; line-height: 24px !important; text-align: left !important; color: #000 !important; }

/* Slick */
.slick-slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
	touch-action: pan-y;
	}
.slick-list { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
	}
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; height: 100%; }
.slick-track:before, .slick-track:after { content: ''; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: none; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow { z-index: 5; position: absolute; bottom: 43px; width: 0; height: 0; font-size: 0; line-height: 0; background: transparent; border-top: 7px solid transparent; border-bottom: 7px solid transparent; /* -webkit-transform: translateY(-50%); transform: translateY(-50%); */ cursor: pointer; opacity: 0.75; }
.slick-arrow:before { content: ''; position: absolute; top: -30px; left: -30px; right: -30px; bottom: -30px; }
.slick-arrow.slick-prev { border-right: 12px solid #fff; }
.slick-arrow.slick-next { border-left: 12px solid #fff; }
[data-photos="1"] .slick-arrow.slick-prev { left:  calc(50% - 30px); }
[data-photos="1"] .slick-arrow.slick-next { right: calc(50% - 30px); }
[data-photos="2"] .slick-arrow.slick-prev { left:  calc(50% - 50px); }
[data-photos="2"] .slick-arrow.slick-next { right: calc(50% - 50px); }
[data-photos="3"] .slick-arrow.slick-prev { left:  calc(50% - 70px); }
[data-photos="3"] .slick-arrow.slick-next { right: calc(50% - 70px); }
[data-photos="4"] .slick-arrow.slick-prev { left:  calc(50% - 90px); }
[data-photos="4"] .slick-arrow.slick-next { right: calc(50% - 90px); }
[data-photos="5"] .slick-arrow.slick-prev { left:  calc(50% - 110px); }
[data-photos="5"] .slick-arrow.slick-next { right: calc(50% - 110px); }
.slick-arrow:not(:hover) { opacity: 0.5; }
.slick-arrow.slick-hidden { display: none; }




/* Dots */

.slick-dots
{
    position: absolute;
    bottom: 40px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 2vw;
    height: 2vw;
    margin: 0 0.2vw;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 2vw;
    height: 2vw;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 0.75; }
.slick-dots li button:before { content: ''; position: absolute; top: 50%; left: 50%; width: 0.5vw; height: 0.5vw; background: #fff; border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 0 0.25vw rgba(0, 0, 0, 0.7); opacity: 0.5; }
.slick-dots li.slick-active button:before { width: 0.6vw; height: 0.6vw; opacity: 1; }






/* Special Offer : Black Friday */
.specialoffer-blackfriday.homepage div.banner { background-image: url('/img/back-home-blackfriday.jpg'); }
.specialoffer-blackfriday div.specialoffer { background-image: url('/img/specialoffer-blackfriday.jpg'); }

/* Special Offer : Xmas */
.specialoffer-xmas header:before, .specialoffer-xmas div.banner div.back { background-image: url('/img/xmas/back-header.jpg'); }
[lang="fra"] .homepage.specialoffer-xmas div.banner { background-image: url('/img/xmas/back-home-fr.jpg'); }
[lang="ena"] .homepage.specialoffer-xmas div.banner { background-image: url('/img/xmas/back-home-en.jpg'); }
.homepage.specialoffer-xmas div.banner { background-image: url('/img/xmas/back-home.jpg'); }
.specialoffer-xmas div.player { top: 50%; left: 50%; width: 93%; background: #fcfcfc; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.specialoffer-xmas div.player:before { content: ''; z-index: 2; position: absolute; top: -3%; left: -4%; right: -4%; bottom: -14%; background: url('/img/xmas/shapes-home-newyear.png') no-repeat 50% 50%; background-size: cover; border-width: 1px; -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.5)); }
.specialoffer-xmas div.register section.info { background-image: url('/img/xmas/back-register.jpg'); }
.specialoffer-xmas .banner.bg1 { background-image: url('/img/xmas/banner-1.jpg'); }
.specialoffer-xmas .banner.bg2 { background-image: url('/img/xmas/banner-2.jpg'); }
.specialoffer-xmas .banner.bg3 { background-image: url('/img/xmas/banner-3.jpg'); }
.specialoffer-xmas .banner.bg4 { background-image: url('/img/xmas/banner-4.jpg'); }
.specialoffer-xmas section.product div.back { background-image: url('/img/xmas/shapes.jpg'); background-size: cover; opacity: 1 !important;	}
/* .specialoffer-xmas section.product.hover div.back { background-image: url('/img/xmas/shapes-hover.png'); } */
.specialoffer-xmas section.product.hover h2 a { color: #fff; text-shadow: 2px 2px 8px #440e36; }
.specialoffer-xmas section.product.hover span.price { color: #dedede; }
.specialoffer-xmas div.case.ec-ph003 p { top: 85px; left: 640px; }
@media only screen and (min-aspect-ratio: 7/5) and (max-height: 880px){ .specialoffer-xmas div.player { width: 85%; padding-bottom: 51.2%; } }
@media only screen and (min-aspect-ratio: 7/5) and (max-height: 800px){ .specialoffer-xmas div.player { width: 75%; padding-bottom: 45.0%; } }
@media only screen and (min-aspect-ratio: 7/5) and (max-height: 735px){ .specialoffer-xmas div.player { width: 70%; padding-bottom: 42.2%; } }
@media only screen and (min-aspect-ratio: 7/5) and (max-height: 695px){ .specialoffer-xmas div.player { width: 60%; padding-bottom: 36.5%; } }

/* Special Offer : Valentin */
.specialoffer-valentin section.product div.back { background-image: url('/img/valentin/shapes.png'); background-size: cover; }
/* .specialoffer-valentin section.product.hover div.back { background-image: url('/img/valentin/shapes-hover.png'); } */

/* Cookies */
.cookiebanner { color: #000 !important; background: #fcfcfc !important; border-top: 1px solid rgba(0, 0, 0, 0.3) !important; }
.cookiebutton { border: 1px solid rgba(0, 0, 0, 0.1) !important; }

/* Orientation : Landscape */
@media (orientation: landscape){

	/* Banner */
	div.banner { padding-bottom: 30%; }
	div.banner.home { padding-bottom: 40%; }
	div.fullimg.l50 { background-position: 100% 50%; }
	div.fullimg.r50 { background-position: 0% 50%; }

	/* Responsive > 801px */
	@media only screen and (min-width: 801px){

		/* Responsive 1390px */
		@media only screen and (max-width: 1390px){

			/* Product : Overview */
			div.product.t1 div.photo { top: 42%; }
			}

		/* Responsive 1250px */
		@media only screen and (max-width: 1250px){

			/* Product : Overview */
			div.product.t1 div.photo { top: 43%; }
			div.product form span.info.stock { display: none; }
			}

		/* Responsive 1150px */
		@media only screen and (max-width: 1150px){

			/* Product : Overview */
			div.product div.sizes p { line-height: 34px; }
			}

		/* Responsive 1000px */
		@media only screen and (max-width: 1000px){

			/* Product : Overview */
			div.product div.sizes label { width: 34px; height: 34px; font-size: 12px; line-height: 32px; }
			}

		/* Responsive 900px */
		@media only screen and (max-width: 900px){

			/* Product : Overview */
			}
		}

	/* Responsive 1390px */
	@media only screen and (max-width: 1390px){

		/* Banner Title */
		div.banner00 h2 { font-size: 40px; }
		div.banner00 h2 span:before { height: 2.5em; }
		div.banner000 p { font-size: 24px; }
		}

	/* Responsive 1250px */
	@media only screen and (max-width: 1250px){

		/* Banner Title */
		div.banner00 h2 { font-size: 32px; }
		div.banner000 p { font-size: 20px; }
		}

	/* Responsive 1050px */
	@media only screen and (max-width: 1050px){

		/* Banner Title */
		div.banner00 h2 { font-size: 28px; }
		div.banner00 h2 span:before { height: 2.2em; }
		div.banner000 p { font-size: 18px; }
		}

	/* Responsive 950px */
	@media only screen and (max-width: 950px){

		/* Banner Title */
		div.banner a.button000 { display: none; }
		}

	/* Responsive 700px */
	@media only screen and (max-width: 700px){

		/* Banner */
		div.fullimg00:not(.c50) div.all div { width: 45%; }

		/* Banner Title */
		div.banner00 h2 { font-size: 24px; }
		div.banner000 p { font-size: 16px; }
		}

	/* Responsive 600px */
	@media only screen and (max-width: 600px){

		/* Banner */
		div.fullimg00:not(.c50) div.all div { width: 50%; }

		/* Banner Title */
		div.banner00 h2 { font-size: 20px; }
		div.banner000 p { font-size: 16px; }
		}

	/* Responsive 550px */
	@media only screen and (max-width: 550px){

		/* Banner Title */
		div.banner000 p { display: none; }
		}
	}

/* Orientation : Portrait */
@media (orientation: portrait){

	/* Banner */
	div.banner { padding-bottom: 55%; }
	div.banner.home { padding-bottom: 55%; }
	div.fullimg.l50 { background-position: 30% 50%; }
	div.fullimg.r50 { background-position: 70% 50%; }
	div.fullimg00:not(.c50) div.all div { width: 45%; }

	/* Player */
	div.player iframe { left: -10%; width: 120%; }

	/* Responsive > 801px */
	@media only screen and (min-width: 801px){

		/* Product : Overview */
		div.product.t1 div.photo { top: 42%; }

		/* Responsive 950px */
		@media only screen and (max-width: 950px){

			/* Product : Overview */
			div.product.t1 div.photo { top: 43%; }
			div.product form span.info.stock { display: none; }
			div.product div.sizes p { line-height: 34px; }
			div.product div.sizes label { width: 34px; height: 34px; font-size: 12px; line-height: 32px; }
			}
		}

	/* Product : Selection */
	div.selection div.product { height: inherit; min-height: calc(100vw / 1.7); }

	/* Responsive 1050px */
	@media only screen and (max-width: 1050px){

		/* Banner Title */
		div.banner00 h2 { font-size: 40px; }
		div.banner00 h2 span:before { height: 2.5em; }
		div.banner000 p { font-size: 24px; }
		}

	/* Responsive 900px */
	@media only screen and (max-width: 900px){

		/* Banner */
		div.banner00 { padding-bottom: 65%; }
		div.banner00.home { padding-bottom: 65%; }
		div.fullimg.l50 { background-position: 20% 50%; }
		div.fullimg.r50 { background-position: 80% 50%; }
		div.fullimg00:not(.c50) div.all div { width: 50%; }

		div.banner00.c50 div.all { width: 100%; }
		div.banner00 h2 .brush { font-size: 14vw; }
		div.banner00 p { font-size: 3vw; }
		div.banner00 p strong { font-size: 4vw; }
		}

	/* Responsive 800px */
	@media only screen and (max-width: 800px){

		/* Banner Title */
		div.banner00 h2 { font-size: 32px; }
		div.banner000 p { font-size: 20px; }
		}

	/* Responsive 700px */
	@media only screen and (max-width: 700px){

		/* Banner */
		div.fullimg00:not(.c50) div.all div { width: 60%; }

		/* Banner Title */
		div.banner00 h2 { font-size: 30px; }
		div.banner000 p { font-size: 18px; }
		}

	/* Responsive 550px */
	@media only screen and (max-width: 550px){

		/* Banner */
		div.banner00 { padding-bottom: 75%; }
		div.banner00.home { padding-bottom: 75%; }
		div.fullimg00:not(.c50) div.all div { width: 65%; }

		/* Player */
		div.player iframe { left: -20%; width: 140%; }
		}

	/* Responsive 450px */
	@media only screen and (max-width: 450px){

		/* Banner Title */
		div.banner00 h2 { font-size: 22px; }
		div.banner000 p { font-size: 16px; }
		div.banner a.button { display: none; }
		div.banner .fullimg div.all { top: calc(100% - 81px); }
		}

	/* Responsive 400px */
	@media only screen and (max-width: 400px){

		/* Banner Title */
		div.banner00 { padding-bottom: 85%; }
		div.banner00.home { padding-bottom: 85%; }
		div.fullimg00:not(.c50) div.all div { width: 75%; }

		/* Player */
		div.player iframe { left: -30%; width: 160%; }
		}

	/* Responsive 380px */
	@media only screen and (max-width: 380px){

		/* Banner Title */
		div.banner00 h2 { font-size: 20px; }
		div.banner000 p { font-size: 14px; }
		}
	}

/* Invisible Header */
@media only screen and (min-width: 851px){
	.nosticky header { position: absolute; border: 0; overflow: visible; display: none; }
	.nosticky a.logo { width: 220px; height: 130px; background-size: 220px auto; }
	.nosticky header:before, .nosticky header ul.menu, .nosticky .content:before { display: none; }
	}

/* Responsive 1390px */
@media only screen and (max-width: 1390px){

	/* Container */
	div.all { /* margin: 0 20px; */ width: calc(100% - 40px); }
	header div.all { max-width: calc(100vw - 50px); }

	/* Full Width */
	.fullwidth { margin-left: -20px !important; margin-right: -20px !important; }

	/* Header */
	header div.background { -webkit-mask-position: calc(100% - 140px) 102%; mask-position: calc(100% - 140px) 102%; }

	/* Menu */
	header a.logo { font-size: 15.5px; }
	header a.logo .title, header a.logomore { font-size: 20px; }
	ul.menu li a.title { font-size: 20px; }

	/* Product : Overview */
	div.product { min-height: calc(100vw / 1.9); }

	/* Menu Left */
	.withmenuleft000 div.content div.all { padding-left: 25%; }
	}

/* Responsive 1280px */
@media only screen and (max-width: 1280px){

	/* Header */
	header ul.menu00 a { padding: 0 12px; }
	header ul.menu00 a:before { left: 6px; right: 6px; }

	/* Product : Overview */
	div.product div.photo { width: 550px; height: 550px; }
	}

/* Responsive 1250px */
@media only screen and (max-width: 1250px){

	/* Product : Overview */
	div.product form { left: 8%; right: 8%; }

	/* Product : Similars */
	div.products.similars section.product { width: calc((100% - 6%) / 3); }
	div.products.similars section.product h3000 { left: 3%; right: 3%; }
	}

/* Responsive 1200px */
@media only screen and (max-width: 1200px){

	/* Cookies */
	#tarteaucitronAlertBig { text-align: center !important; }
	#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { display: block; padding-bottom: 0.8em !important; float: none; text-align: center !important; }
	}

/* Responsive 1150px */
@media only screen and (max-width: 1150px){

	/* Product : Selection */
	div.selection div.products.similars section.product { width: calc((100% - 6%) / 3); }
	div.selection div.products.similars section.product.vm { display: block; margin: 20px auto 0; width: calc(100% - 4%); }
	div.selection div.products.similars section.product.vm a.touch { top: 0; left: 0; border-width: 1px 0 0; }
	div.selection div.products.similars section.product.vm div.photo { padding-top: 50px; }
	div.selection div.products.similars section.product.vm div.photo a.message { top: 10px; left: 0; right: 0; text-align: center; -webkit-transform: none; transform: none; }
	}

/* Responsive 1150px */
@media only screen and (min-width: 801px) and (max-width: 1150px){

	/* Product : Overview */
	div.product form { /* top: 5%; */ bottom: 5%; }
	div.product form div.addtocart a.button.cart span:nth-of-type(1) { display: none; }
	div.product form div.addtocart a.button.cart span:nth-of-type(2) { display: block; }
	div.product h1, div.product h2 { margin-top: 3%; font-size: 30px; line-height: 1.6em; }
	div.product h1 span, div.product h2 span { font-size: 16px; line-height: 1.4em; }
	div.product div.pictures:before { border-width: 12px; }
	div.product div.pictures div.photolist div.li a { width: 60px; height: 75px; }

	/* Product : Reverse */
	div.product.reverse div.pictures div.photolist { left: 10px; }

	/* Responsive 1050px */
	@media only screen and (max-width: 1050px){
		div.product h1, div.product h2 { margin-top: 2.5%; font-size: 26px; line-height: 1.7em; }
		div.product h1 span, div.product h2 span { font-size: 16px; line-height: 1.4em; }
		}

	/* Responsive 990px */
	@media only screen and (max-width: 990px){
		div.categories section h2 { font-size: 18px; }
		}

	/* Responsive 900px */
	@media only screen and (max-width: 900px){
		div.categories section h2 { font-size: 16px; }
		}
	}

/* Responsive 1100px */
@media only screen and (max-width: 1100px){

	/* Product : Overview */
	div.product div.photo { width: 480px; height: 480px; }
	}

/* Responsive 1100px > 801px */
@media only screen and (min-width: 801px) and (max-width: 1100px){

	/* Product : Overview */
	a.button.details:after { display: none; }
	}

/* Responsive 1100px > 801px */
@media only screen and (min-width: 801px) and (max-width: 1100px){

	/* Button */
	a.button.details { padding: 0; width: 52px; height: 52px; overflow: hidden; }
	a.button.details span { display: none !important; }
	a.button.details:before { top: 0; width: 50px; height: 50px; background-position: 0 -250px; background-size: 50px auto; }
	}

/* Responsive 1050px */
@media only screen and (max-width: 1050px){

	/* Header */
	header ul.menu li.types { display: none; }
	header ul.menu > li:first-of-type a { opacity: 1; }
	}

/* Responsive 990px */
@media only screen and (max-width: 990px){

	/* Menu */
	ul.links li a span:first-of-type { display: none; }
	ul.links li a span:last-of-type { display: block; }

	/* Player */
	div.player000 { height: calc(100vw / 1.6); }
	div.player000 iframe { left: -30%; width: 160%; }

	/* Video */
	div.video.bottom { padding-top: 90%; }
	div.video.bottom iframe { left: -30%; right: -30%; width: 160%; }

	/* Product : Listing */
	div.products:not(.similars) section.product { width: calc((100% - 4%) / 2); }
	div.products:not(.similars) section.product h3000 { left: 3%; right: 3%; }
	div.products:not(.similars) section.product.video { width: calc(100% - 2%); }

	/* Product : Overview */
	div.product0 { min-height: calc(100vw / 1.6); }
	div.product div.photo { width: 450px; height: 450px; }

	/* Product Quote */
	div.productquote q { font-size: 35px; }

	/* Product : Case */
	div.case { height: 360px; }
	div.case p { left: 510px; right: 10px; }

	/* Text */
	div.text { margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }
	}

/* Responsive 950px */
@media only screen and (max-width: 950px){

	/* Mobile Menu */
	div.overlay, div.menu { display: block; }

	/* Header */
	header { margin-bottom: -45px; padding-top: 7px; height: 65px; }
	header div.background { -webkit-mask-position: 50% 98%; -webkit-mask-size: 140% auto; mask-position: 50% 98%; mask-size: 140% auto; }
	header div.rotate00.r1 { -webkit-transform: rotate(0); transform: rotate(0); }
	header div.all { max-width: inherit; }
	a.menu00 { display: block; }
	ul.menu { display: none; left: 185px; }
	form.langs { left: 125px; }
	body.productpage header:before {
		-webkit-mask-image: none;
		mask-image: none;
		}

	/* Menu */
	div.subcontent { height: 320px; background-position: 0% 50%; }
	div.subcontent div.all { margin-top: 65px; padding-left: 0; }
	div.subcontent div.all:before { display: none; }

	/* Slidebar */
	div.slideheader { height: 65px; min-height: 65px; }
	div.slideheader h3 { line-height: 34px; }

	/* Banner
	@media (orientation: landscape){
		div.banner { padding-bottom: calc(45% - 53px); }
		div.banner.home { padding-bottom: 45%; }
		div.fullimg.l50 { background-position: 75% 50%; }
		div.fullimg.r50 { background-position: 25% 50%; }
		}
	@media (orientation: portrait){
		div.banner { padding-bottom: calc(45% - 53px); }
		div.banner.home { padding-bottom: 45%; }
		div.fullimg.l50 { background-position: 75% 50%; }
		div.fullimg.r50 { background-position: 25% 50%; }
		}
		*/

	/* Banner */
	/*
	div.banner { top: -65px; margin-bottom: -65px; }
	div.product { margin-top: -65px; }
	*/
	/*
	div.banner { padding-bottom: calc(55% - 53px); }
	div.banner.home { padding-bottom: 55%; }
	div.fullimg.l50 { background-position: 65% 50%; }
	div.fullimg.r50 { background-position: 35% 50%; }
	*/

	/* Product : Overview */
	div.product { display: flex; flex-flow: column; max-height: inherit; min-height: inherit; height: inherit; }
	div.product:before { display: none; }
	div.product div.background { display: block; order: 1; position: relative; top: inherit; left: inherit; right: inherit; bottom: inherit; margin: 0 auto; width: 100%; height: calc(100vw); max-height: calc(100vh + 1px); border-width: 0 0 1px; }
	@supports(max-height: 100dvh) { div.product div.background { max-height: calc(100dvh + 1px); } }
	div.product div.background div { background-position: 50% 100%; }
	div.product div.background:before {
		background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
		}
	div.product div.background div.slides { left: 0; right: 0; }
	div.product div.background div.fullimg { background-position-x: 50%; }
	div.product div.background:after, div.product div.background > span { display: none; }

	div.product div.info { order: 2; position: relative; top: inherit; left: inherit; right: inherit; bottom: inherit; height: calc(100vw / 1); }
	div.product div.photo { width: 600px; height: 600px; }

	/* Product : Reverse */
	div.product.reverse div.background:after {
		background: -webkit-linear-gradient(-15deg, rgba(255, 255, 255, 0) 20%, rgb(255, 255, 255) 45%);
		background: linear-gradient(-15deg, rgba(255, 255, 255, 0) 20%, rgb(255, 255, 255) 45%);
		}
	div.product.reverse div.background div { left: -10px; }
	div.product.reverse div.pictures { left: inherit; right: inherit; }
	div.product.reverse div.info { left: inherit; right: inherit; }

	/* Product Quote */
	div.productquote q { font-size: 30px; }

	/* Product : Selection */
	div.selection { margin-top: 0; }
	div.selection div.product { height: inherit; }
	div.selection div.product div.pictures, div.selection div.product.reverse div.pictures { left: inherit; right: inherit; }

	/* Product : Similars */
	div.products.similars section.product { width: calc((100% - 4%) / 2); }
	div.products.similars section.product h3000 { left: 2%; right: 2%; }

	/* Product : Selection */
	div.selection div.products.similars section.product:first-of-type { display: inline-block; }
	div.selection div.products.similars section.product { width: calc((100% - 4%) / 2); }
	div.selection div.products.similars section.product h3000 { left: 2%; right: 2%; }

	/* Product : Case */
	div.case { height: 340px; }
	div.case p { left: 460px; }

	/* Register */
	div.register { padding-left: calc(50% + 60px); }
	div.register:after { right: calc(50% - 40px); }

	/* About */
	div.about h2 { font-size: 40px; line-height: 55px; }
	div.about p { padding-left: 0; padding-right: 0; }
	div.about p.big { font-size: 18px; line-height: 25px; }

	/* Advices */
	.advices:not(.advicelist) a { font-size: 12px; }
	.advices:not(.advicelist) a:before { margin-bottom: 8px; }
	.advices:not(.advicelist) a strong { font-size: 13px; }
	}

/* Responsive 910px */
@media only screen and (max-width: 910px){

	/* Checkout */
	body.checkout div.slidecart { right: 0 !important; width: auto; }
	body.checkout div.slidemask { display: none; }
	body.checkout div.partright { left: 56%; }
	body.checkout div.partleft { width: 56%; }
	body.checkout div.partleft > div.all { max-width: inherit; margin: 0 20px 0 0; }
	}

/* Responsive 900px */
@media only screen and (max-width: 900px){

	/* Product : Overview */
	div.product div.photo { width: 400px; height: 400px; }

	/* Product : Description */
	#description div.part:nth-of-type(1) { width: 50%; }
	#description div.part:nth-of-type(2) { width: 50%; }

	/* Product : Case */
	div.case { height: 320px; }
	div.case p { top: 70px; left: 420px; }
	}

/* Responsive 860px */
@media only screen and (max-width: 860px){

	/* Collection */
	div.collection.hover { padding-top: 54%; }
	div.collection.hover div.text { left: 7%; width: 660px; }
	div.collection.hover div.text p { padding-top: 15px; font-size: 28px; line-height: 42px; }
	div.collection.hover div.text p:first-of-type { padding-top: 0; }
	div.collection.hover div.back { background-size: auto 70%; }
	div.collection.hover h2 { left: calc(65% + 10px); right: 10px; background-position: 50% 70%; }

	/* Product : Case */
	div.case { height: 280px; background-position: -160px 50%; }
	div.case p { top: 40px; left: 380px; }

	/* Register */
	div.register { padding: 40px 0; }
	div.register:after { left: calc(50% - 20px); right: inherit; }
	div.register section.info { background-position: -730px 50%; }
	div.register section.login, div.register section.register { position: relative; float: none; display: block; left: 0; right: 0; margin-left: calc(50%); width: 50%; }
	div.register section.login h2 { text-align: left; }
	div.register section.login p.submit { text-align: left; }
	div.register section.register { margin-top: 90px; }

	/* Checkout */
	body.checkout div.partright { left: 57%; }
	body.checkout div.partleft { width: 57%; }

	/* Footer */
	footer ul.sntwks { display: none; }
	}

/* Responsive 820px */
@media only screen and (max-width: 820px){

	/* Checkout */
	body.checkout div.partright { left: 58%; }
	body.checkout div.partleft { width: 58%; }
	body.checkout div.partleft > div.all { max-width: inherit; margin: 0 20px 0 0; }
	}

/* Responsive 800px */
@media only screen and (max-width: 800px){

	/* Home : Categories */
	div.categories section, div.categories section.big { width: calc(100% - 20px); }
	div.categories section div.photo { padding-top: 35%; }

	/* Home : Description */
	div.homedescription.flex { -webkit-flex-direction: column; flex-direction: column; }
	div.homedescription div.part:nth-of-type(1) { width: 100%; padding: 30px 0 0; }
	div.homedescription div.part:nth-of-type(2) { width: 100%; }
	div.homedescription p { text-align: center; }

	/* Flex Form */
	div.flexform.flex { -webkit-flex-direction: column; flex-direction: column; }
	div.flexform.flex div.part:nth-of-type(1) { width: 100%; padding: 30px 0 0; }
	div.flexform.flex div.part:nth-of-type(2) { width: 100%; }
	div.flexform.flex div.maxwidth { margin: 20px auto 0; padding-top: 25px; border-width: 1px 0 0; }
	div.flexform.flex p { text-align: center; }

	/* Styles */
	ul.styles li { padding-top: 60%; width: calc((100% - 6%)/ 3); }
	}

/* Responsive 780px */
@media only screen and (max-width: 780px){

	/* Checkout */
	body.checkout div.partright { display: none; }
	body.checkout div.partleft { margin: 0 auto; width: 100%; max-width: 460px; }
	body.checkout div.partleft > div.all { float: none; margin: 0 auto; width: cacl(100% - 40px); }
	body.checkout div.partleft header { border-bottom-color: transparent; }

	body.checkout section.checkoutdetails { display: block; }
	body.checkout section.checkoutdetails > div.all { margin: 0 auto; width: 420px; }
	}

/* Responsive 750px */
@media only screen and (max-width: 750px){

	/* Flex */
	div.flex.global { min-height: calc(100vh - 71px - 52px - 34px); }

	/* Player */
	div.player000 { height: calc(100vw / 1.4);  max-height: calc(100vh - 120px); }
	div.player000 iframe { left: -20%; width: 140%; }

	/* Products */
	div.products { width: calc(100% + 20px); margin-left: -10px; }

	/* Product : Description */
	#description div.part:nth-of-type(1) { display: block; width: 100%; }
	#description div.part:nth-of-type(2) { display: block; width: 100%; }
	#description ul.infos { padding: 0; border-width: 1px 0 0; }

	/* Product : Case */
	div.case { margin-top: 40px; height: 330px; background-position: calc(50% + 225px) 50%; }
	div.case p { display: none; }

	/* Checkout */
	div.checkout section.address { width: calc(45% - 10px); }
	div.checkout section.delivery { width: calc(55% - 10px); }

	/* Styles */
	ul.styles { margin: 0 calc(-10px - 1%); }
	}

/* Responsive 700px */
@media only screen and (max-width: 700px){

	/* Flex */
	div.flex.global { min-height: calc(100vh - 71px - 118px - 34px); }

	/* Product : Overview */
	div.product div.photo { width: 530px; height: 530px; }
	div.product0 div.photo div.photolist { bottom: -50px; }
	div.product0 div.photo div.photolist div.li a { width: 35px; height: 35px; }
	div.product0 div.photo div.photolist div.li a:before { right: -150px; width: 150px; line-height: 35px; }
	div.product form span.info.ref { display: none; }
	div.product form span.info.stock { display: none; }

	/* Checkout */
	div.checkout > section { display: block; width: 100%; }
	div.checkout section.address, div.checkout section.delivery { width: 100%; }
	div.checkout section.delivery { margin-top: 15px; margin-left: 0; }

	/* Advices */
	.advices:not(.advicelist) a { padding: 8px 0 0; }
	.advices:not(.advicelist) a:before { top: -8px; width: 45px; height: 45px; }
	.advices:not(.advicelist) a strong { font-size: 12px; line-height: 18px; }
	.advices:not(.advicelist) a.payment:before { background-position: 50% 0; }
	.advices:not(.advicelist) a.quality:before { background-position: 50% -42px; }
	.advices:not(.advicelist) a.shipping:before { background-position: 50% -130px; }
	.advices:not(.advicelist) a.diamant:before { background-position: 50% -171px; }
	.advices:not(.advicelist) a.returns:before { background-position: 50% -215px; }
	.advices:not(.advicelist) a.contact:before { background-position: 50% -258px; }

	/* Footer */
	footer div.all { padding: 50px 0 20px; }
	footer ul.links { position: relative; display: block; left: inherit !important; right: inherit !important; margin: 0 auto; height: inherit; text-align: center; }
	footer ul.links a { height: inherit; line-height: 2em; }
	}

/* Responsive 640px */
@media only screen and (max-width: 640px){

	/* Container */
	div.b-all { margin: 0; width: 100%; }
	div.all { padding: 0; margin: 0 20px; width: calc(100% - 40px); }

	/* Banner */
	div.banner { padding-bottom: 85%; }
	div.banner h2 { font-size: 8vw; }
	div.banner p { margin: 0 auto; width: 75%; font-size: 2.6vw; line-height: 1.4em; }

	/* Full Width */
	.fullwidth00 { margin-left: 0 !important; margin-right: 0 !important; }

	/* Header */
	header { margin-bottom: -35px; padding-top: 2px; height: 55px; }
	ul.menu, form.langs { display: none; }
	ul.icons { margin-top: 4px; }
	a.menu, header a.logo, header a.logomore, div.slidemenu a.logo, ul.icons { -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }
	ul.icons { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
	header a.logomore { margin-left: -0.5em; }
	header div.menuinnerright { right: -10px; }
	ul.links:before { top: 16px; height: 19px; }
	header a.logo00 { left: 27px; }
	header a.menu { margin-left: -10px; margin-right: 5px; }

	/* Mask */
	*[data-mask] {
		-webkit-mask-size: 140% auto, 105% calc(100% - 75px); -webkit-mask-position: -10px calc(-0.0375 / 3 * 100vw), bottom;
		mask-size: 140% auto, 105% calc(100% - 75px); mask-position: -10px calc(-0.0375 / 3 * 100vw), bottom;
		}

	/* Slides */
	div.swiper-pagination { bottom: 1%; }
	.swiper-pagination-bullet { padding: 0 1vw; width: 4vw; height: 10vw; }
	.swiper-pagination-bullet-active { width: 8vw; }

	/* Teaser */
	.teaser { height: 160vw; }
	.teaser h1, .teaser h2, .teaser h3 { font-size: 12vw; }
	.teaser p { font-size: 3.8vw; }
	.teaser a.button { margin-top: 2em; font-size: 2.5vw; }
	.teaser .slick-dots { bottom: 2.5%; }
	.teaser.teaser-style { height: 185vw; }

	 [data-teaser="home"].video { display: block; }
	 [data-teaser="home"].teaser { display: none; }

	.teaser[data-teaser="home"] h2 { top: 9%; left: 29%; font-size: 14vw; }
	.teaser[data-teaser="home"] h3 { top: 70%; font-size: 9vw; }
	.teaser[data-teaser="home"] p { top: 77%; width: 68%; }

	.teaser[data-teaser="soldes0"] h2, .teaser[data-teaser="soldes0"] h3, .teaser[data-teaser="soldes0"] p { top: 25%; }
	.teaser[data-teaser="soldes0"] h2 { font-size: 16vw; }
	.teaser[data-teaser="soldes0"] h3 { top: 39%; font-size: 11.4vw; }
	.teaser[data-teaser="soldes0"] p { top: 57%; font-size: 5vw; }
	.teaser[data-teaser="soldes0"] p strong { font-size: 5.8vw; }
	.teaser[data-teaser="soldes0"] a.button {  }

	.teaser[data-teaser="soldes1"] h2, .teaser[data-teaser="soldes"] h3, .teaser[data-teaser="soldes"] p { top: 15%; width: 90%; }
	.teaser[data-teaser="soldes1"] h2 { font-size: 14vw; }
	.teaser[data-teaser="soldes1"] h3 { top: 40%; font-size: 6vw; }
	.teaser[data-teaser="soldes1"] p { top: 45%; font-size: 5vw; }
	.teaser[data-teaser="soldes1"] a.button { top: 55%; left: 50%; }

	.teaser[data-teaser="soldes2"] h2, .teaser[data-teaser="soldes"] h3, .teaser[data-teaser="soldes"] p { top: 10%; left: 5%; width: 90%; }
	.teaser[data-teaser="soldes2"] h2 { font-size: 14vw; }
	.teaser[data-teaser="soldes2"] h3 { top: 22%; font-size: 13vw; }
	.teaser[data-teaser="soldes2"] p { top: 47%; font-size: 5vw; }
	.teaser[data-teaser="soldes2"] a.button { top: 83%; left: 50%; }

	.teaser[data-teaser="soldes3"] h2, .teaser[data-teaser="soldes3"] h3, .teaser[data-teaser="soldes3"] p { top: 30%; left: 1%; width: 90%; }
	.teaser[data-teaser="soldes3"] h2 { font-size: 17vw; }
	.teaser[data-teaser="soldes3"] p { top: 52%; font-size: 4.4vw; }
	.teaser[data-teaser="soldes3"] p .title { left: -18.5%; }
	.teaser[data-teaser="soldes3"] a.button { display: block; top: 57%; left: 29.5%; }
	div.banner.soldes3 h2 { font-size: 16vw; }
	div.banner.soldes3 h2 .brush { font-size: 16vw; }
	div.banner.soldes3 p { font-size: 4vw; }
	div.banner.soldes3 p .title { left: -20%; }
	div.banner.soldes3 div.all { top: 52%; left: 48%; width: 100%; }
	div.banner.soldes3 div.all > div { padding: 0; }

	.teaser[data-teaser="soldes"] h2, .teaser[data-teaser="soldes"] h3, .teaser[data-teaser="soldes"] p { top: 11%; left: 5%; width: 90%; }
	.teaser[data-teaser="soldes"] h2 { font-size: 15vw; line-height: 1.3em; }
	.teaser[data-teaser="soldes"] h2 .brush { font-size: 22vw; }
	.teaser[data-teaser="soldes"] p { top: 38%; font-size: 5vw; }
	.teaser[data-teaser="soldes"] a.button { display: block; top: 78%; left: 50%; }
	div.banner.soldes h2 { font-size: 11vw; }
	div.banner.soldes h2 .brush { font-size: 16vw; }
	div.banner.soldes p { font-size: 4vw; }
	div.banner.soldes div.all { top: 38%; }
	div.banner.soldes div.all > div { left: 0; }

	.teaser[data-teaser="black-friday"] h2, .teaser[data-teaser="black-friday"] h3, .teaser[data-teaser="black-friday"] p { top: 39%; left: 5%; width: 90%; }
	.teaser[data-teaser="black-friday"] h2 { font-size: 14vw; }
	.teaser[data-teaser="black-friday"] p { top: 49.5%; left: 20%; width: 60%; font-size: 2.5vw; line-height: 1.6em; }
	.teaser[data-teaser="black-friday"] p:first-line { font-size: 5vw; }
	.teaser[data-teaser="black-friday"] p strong { font-size: 5.8vw; }
	.teaser[data-teaser="black-friday"] a.button { display: block; top: 57%; left: 50%; }
	div.banner.black-friday h2 { margin-top: -3.5em; font-size: 14vw;  }
	div.banner.black-friday h2 .brush { font-size: 15vw; }
	div.banner.black-friday p { font-size: 4vw; }
	div.banner.black-friday div.all { top: 65%; left: 50%; width: 100%; }
	div.banner.black-friday div.all > div { padding: 0; }

	.teaser[data-teaser="fdp"] h2 { top: 17%; left: 0; width: 100%; font-size: 10.5vw; }
	.teaser[data-teaser="fdp"] a.button { top: 42%; left: 67%; }

	.teaser[data-teaser="noel"] h2 { top: 72%; left: 5%; right: auto; width: 90%; font-size: 14vw; }
	.teaser[data-teaser="noel"] h2:first-line { font-size: 22vw; }
	.teaser[data-teaser="noel"] h2 .brush { font-size: 1.3em; }

	.teaser[data-teaser="finitions"] h2, .teaser[data-teaser="finitions"] h3, .teaser[data-teaser="finitions"] p { left: 6%; right: auto; text-align: left; }
	.teaser[data-teaser="finitions"] h2 { top: 9%; width: 70%; font-size: 14vw; }
	.teaser[data-teaser="finitions"] h3 { display: none; top: 38%; font-size: 9vw; }
	.teaser[data-teaser="finitions"] p { top: 45%; width: 65%; }
	.teaser[data-teaser="finitions"] p + p { top: 69%; width: 44%; }
	.teaser[data-teaser="finitions"] p:first-of-type:before { float: right; width: 18vw; height: 38vw; shape-outside: polygon(100% 100%, 100% 0, 0 100%); }

	.teaser[data-teaser="quality"] h2 { top: 7%; left: 11%; text-align: left; font-size: 12vw; }
	.teaser[data-teaser="quality"] h2 .brush { left: -10%; }
	.teaser[data-teaser="quality"] h1, .teaser[data-teaser="quality"] p { top: 56%; left: 6%; width: 75%; text-align: left; }
	.teaser[data-teaser="quality"] p { top: 81%; width: 85%; }

	.teaser[data-teaser="quality-heat"] h2, .teaser[data-teaser="quality-heat"] p { top: 7%; left: 2%; right: auto; width: 96%; text-align: center; }
	.teaser[data-teaser="quality-heat"] p { top: 25%; left: 9%; width: 82%; }

	.teaser[data-teaser="quality-impact"] h2, .teaser[data-teaser="quality-impact"] p { top: 7%; right: 6%; width: 88%; text-align: right; }
	.teaser[data-teaser="quality-impact"] p { top: 73%; left: 6%; right: auto; width: 45%; text-align: left; }

	.teaser[data-teaser="quality-humidity"] h2, .teaser[data-teaser="quality-humidity"] p { top: 7%; right: 15%; width: 70%; text-align: center; }
	.teaser[data-teaser="quality-humidity"] p { top: 76%; right: 13%; width: 74%; }

	.teaser[data-teaser="quality-hypoallergenic"] h2, .teaser[data-teaser="quality-hypoallergenic"] p { top: 58%; left: auto; right: 6%; width: 90%; text-align: right; }
	.teaser[data-teaser="quality-hypoallergenic"] p { top: 76%; width: 80%; }

	.teaser[data-teaser="quality-time"] h2, .teaser[data-teaser="quality-time"] p { top: 7%; left: 6%; right: auto; width: 60%; text-align: left; }
	.teaser[data-teaser="quality-time"] p { top: 33%; width: 35%; }

	.teaser[data-teaser="savoir-faire"] h2 { top: 7%; left: 5%; width: 90%; }
	.teaser[data-teaser="savoir-faire"] p { top: 25%; left: 7.5%; width: 85%; }

	.teaser[data-teaser^="style-"] h2 { font-size: 12vw; }

	.teaser[data-teaser="style-alexis"] h2 { top: 9%; left: 6%; }
	.teaser[data-teaser="style-alexis"] h2 .write span { color: #fff; }
	.teaser[data-teaser="style-alexis"] p { top: 63%; right: 6%; width: 65%; text-shadow: 0 0 0.2em rgba(255, 255, 255, 0.7); }
	.teaser[data-teaser="style-alexis"] p + p { top: 63%; right: 6%; width: 65%; text-shadow: 0 0 0.2em rgba(255, 255, 255, 0.7); }
	.teaser[data-teaser="style-alexis"] a.button { top: 81.5%; }

	.teaser.teaser-style[data-teaser="style-alexis"] h2 { left: 6%; }
	.teaser.teaser-style[data-teaser="style-alexis"] p { top: 61%; }
	.teaser.teaser-style[data-teaser="style-alexis"] p + p { top: 79%; width: 70%; }
	.teaser.teaser-style[data-teaser="style-alexis"] p + p:before { display: none; }

	.teaser[data-teaser="style-asael"] h2 { top: 6%; left: 40%; }
	.teaser[data-teaser="style-asael"] p { top: 63%; left: 6%; right: auto; width: 65%; text-align: left; text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.7); }
	.teaser[data-teaser="style-asael"] a.button { top: 81.5%; left: 6%; right: auto; }

	.teaser.teaser-style[data-teaser="style-asael"] h2 { top: 8%; left: 37%; }
	.teaser.teaser-style[data-teaser="style-asael"] p { top: 61%; right: auto; width: 65%; }
	.teaser.teaser-style[data-teaser="style-asael"] p + p { top: 79%; width: 69%; }
	.teaser.teaser-style[data-teaser="style-asael"] p + p + p  { display: none; }

	.teaser[data-teaser="style-samuel"] h2 { top: 44%; left: 22%; text-shadow: 0 0 0.2em rgba(255, 255, 255, 0.8); }
	.teaser[data-teaser="style-samuel"] p { top: 63%; right: 6%; width: 76%; color: #fff; text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.7); }
	.teaser[data-teaser="style-samuel"] a.button { top: 81.5%; -webkit-filter: invert(1); filter: invert(1); }
	.teaser[data-teaser="style-samuel"] a.button:hover { -webkit-filter: invert(0); filter: invert(0); }
	.teaser[data-teaser="style-samuel"] .write { color: #fff; }

	.teaser.teaser-style[data-teaser="style-samuel"] h2 { top: 6.5%; left: 34%; }
	.teaser.teaser-style[data-teaser="style-samuel"] p { top: 55%; width: 78%; text-align: left; }
	.teaser.teaser-style[data-teaser="style-samuel"] p:first-of-type:before { content: ''; float: left;  width: 40vw; height: 14em; shape-outside: polygon(0 0, 40% 100%, 95% 0); shape-margin: 0; pointer-events: none; }
	.teaser.teaser-style[data-teaser="style-samuel"] p + p { top: 82%; left: 6%; right: auto; width: 79%; }
	.teaser.teaser-style[data-teaser="style-samuel"] p .phebus { background-color: #fff; }
	.teaser.teaser-style[data-teaser="style-samuel"] .write { color: #000; }

	/* Banner */
	/*
	div.banner { top: -55px; margin-bottom: -55px; }
	div.product { margin-top: -55px; }
	*/

	/* Banner */
	div.banner0:not(.home) { height: 180px; }
	div.banner0:not(.home) div.back { background-size: auto 220px; background-position: calc(50% - 150px) 0; }

	/* Slidebar */
	div.slidemenu a.logo { top: 2px; left: -2px; }
	div.slideheader { padding-top: 11px; height: 55px; min-height: 55px; }
	div.slideheader h3 { line-height: 34px; }

	/* Slide : Menu */
	div.slidemenu ul li a { font-size: 13px; line-height: 1.8em; }
	div.slidemenu ul li a.title { font-size: 20px; }

	/* H2 Line */
	h2.line strong { font-size: 20px; line-height: 42px; }
	h2.line strong:before { top: 32px; left: -25px; width: 60px; height: 85px; }

	/* Items */
	div.items { margin-left: 20px; margin-right: 20px; }
	div.items > h3 { font-size: 16px; line-height: 22px; }
	div.items > p { padding-left: 10px; padding-right: 10px; }
	.items section.item { padding-top: calc((100% - 6%) / 2); width: calc((100% - 6%) / 2); }

	/* Home : Categories */
	div.categories section, div.categories section.big { width: calc(100% - 40px); }

	/* Collection */
	div.collection.hover h2 { left: 10px; right: 10px; background-position: 50% 0%; }
	div.collection.hover div.back { top: 20px; left: 20px; right: 20px; bottom: 20px; background-size: auto 100%; }
	div.collection div.back:before { top: -10px; left: -10px; right: -10px; bottom: -10px; border-width: 4px; }
	div.collection.hover div.text { display: none; }

	/* Video */
	div.video { padding-top: 178%; }

	/* Product : Listing */
	div.products:not(.similars) section.product00 { margin: 10px 0 0; width: 100%; }
	div.products:not(.similars) section.product.video { width: 100%; }
	div.products:not(.similars) section.product.video div.photo { padding-top: 80%; }
	div.products:not(.similars) section.product.video div.video iframe { left: -25%; right: -25%; width: calc(100% + 50%); }
	div.products:not(.similars) section.product div.infos h3 { font-size: 2.8vw; letter-spacing: -0.035em; }
	div.products:not(.similars) section.product div.infos p { font-size: 2.8vw; letter-spacing: -0.015em; }
	div.products:not(.similars) section.product div.infos span.price { font-size: 3.6vw; line-height: 10vw; }

	/* Product : Overview */
	div.product div.photo { width: 450px; height: 450px; }
	div.product div.pictures000 { height: calc(100vw / 1.2); }
	div.product div.sizes p { line-height: 34px; }

	/* Product : Case */
	div.case { height: 310px; background-position: calc(50% + 220px) 50%; }

	/* Cart */
	div.cart { margin-left: 20px; margin-right: 20px; }

	/* Cart : Listing */
	section.cart li.img { padding-right: 15px; width: 75px; }
	section.cart li.price { width: 100px; }

	/* Cart : Promo */
	form.promo { position: relative; }

	/* Register */
	div.register:after { top: 290px; left: 50px; right: 50px; bottom: inherit; width: auto; height: 1px; }
	div.register section.info { background-position: 60% 50%; }
	div.register section.login, div.register section.register { position: relative; float: none; display: block; left: 0; right: 0; margin-left: auto; margin-right: auto; width: calc(100% - 20px); max-width: 450px; }
	div.register section.register { margin-top: 120px; }
	div.register section.login h2, div.register section.register h2 { text-align: center; }
	div.register section.login p.submit, div.register section.register p.submit { text-align: center; }

	/* Checkout */
	body.checkout div.partleft > div.all { margin: 0 auto; width: calc(100% - 40px); }

	/* Advices */
	div.advices { padding: 10vw 0; }
	.advices section { padding: 1vw 0; font-size: 2.6vw; }
	.advices section:nth-child(4), .advices section:nth-child(5) { display: none; }
	.advices section:before { margin-bottom: 2vw; width: 10vw; height: 10vw; }
	.advices section strong { font-size: 3vw; }

	/* Description */
	div.description { flex-direction: column; }
	div.description:before { display: none; }
	div.description h1, div.description h2, div.description.invert h1, div.description.invert h2 { padding: 5vw 0; width: 60%; font-size: 11vw; text-align: center; }
	div.description h2, div.description.invert h2 { font-size: 9vw; }
	div.description h3, div.description.invert h3 { padding: 3vw 4vw 0 4vw; font-size: 6vw; line-height: 1.2em; text-align: center; }
	div.description > div, div.description.invert > div, div.productinfos div.description > div { padding: 0 5vw 5vw; }
	div.description p, div.description.invert p { font-size: 3.8vw; text-align: justify; }
	div.description.invert h1, div.description.invert h2 { order: 0; }

	/* Product : Description */
	div.productinfos ul.infos { width: 100%; padding: 0 5vw 5vw; }
	div.productinfos ul.infos li { font-size: 3.2vw; }

	/* Styles */
	ul.styles { margin: 0 -15px; }
	ul.styles li { margin: 5px; width: calc((100% - 30px)/ 3); }

	/* Text */
	div.text { padding-left: 20px; padding-right: 20px; }

	/* Slick */
	.slick-dots li { width: 4vw; height: 4vw; margin: 0 0.4vw; }
	.slick-dots li button { width: 4vw; height: 4vw; }
	.slick-dots li button:before { width: 1vw; height: 1vw; }
	.slick-dots li.slick-active button:before { width: 1.2vw; height: 1.2vw; }


	/* Facebook Chat */
	#fb-root div.fb_dialog_content:before { right: 21px; bottom: 24px; -webkit-transform: scale(0.6); transform: scale(0.6); }
	#fb-root div.fb_dialog_content > iframe { margin-right: 8px !important; bottom: 10px !important; -webkit-transform: scale(0.6); transform: scale(0.6); }
	#fb-root div.fb-customerchat iframe { bottom: 60px !important; }

	/* Full Width */
	.b-fullwidth { margin-left: 0 !important; margin-right: 0 !important; }
	}

/* Responsive 600px */
@media only screen and (max-width: 600px){

	/* Home : Categories */
	div.categories section h2 { font-size: 18px; }

	/* Cart */
	section.cart li.qty { position: absolute; right: 0; top: -5px; }
	section.special li.qty { position: inherit; right: inherit; top: inherit; }
	section.cart li.qty select { width: 35px; height: 22px; font-size: 13px; line-height: 20px; }
	section.cart li.qty select + a.arrow { margin-top: 2px; }
	section.cart li.price { top: 10px; font-size: 14px; }
	div.checkout section.cart li.price { top: inherit; }

	/* Advices */
	.advices:not(.advicelist) a strong { padding-left: 27%; padding-right: 27%; }

	/* Product Overview */
	div.product div.photo { width: 400px; height: 400px; }
	div.product h1, div.product h2 { margin-top: 2%; font-size: 30px; line-height: 1.6em; }
	div.product h1 span, div.product h2 span { font-size: 16px; line-height: 1.4em; }
	div.product form { /* top: 5%; */ bottom: 5%; left: 8%; right: 8%; }
	div.product div.pictures { margin-top: 15px; }
	div.product div.pictures:before { border-width: 12px; }

	/* Product : Listing */
	div.products00:not(.similars) section.product { width: calc(100% - 2%); }
	div.products00:not(.similars) section.product h3000 { left: 1.5%; right: 1.5%; }

	/* Product : Similar */
	div.products.similars section.product { width: calc(100% - 2%); }
	div.products.similars section.product h3000 { left: 1%; right: 1%; }

	/* Product : Selection */
	div.selection div.products.similars section.product { width: calc(100% - 2%); }
	div.selection div.products.similars section.product h3000 { left: 1%; right: 1%; }
	}

/* Responsive 540px */
@media only screen and (max-width: 540px){

	/* Flex */
	div.flex.global { min-height: calc(100vh - 61px - 118px - 34px); }

	/* Header */
	ul.links { display: none; }

	/* Player */
	div.player000 { height: calc(100vw / 0.8); max-height: calc(100vh - 110px); }
	div.player000 iframe { left: -70%; width: 240%; }

	/* Banner */
	div.banner0 { padding-bottom: calc(100% - 53px); }
	div.banner0.home { padding-bottom: 100%; }

	/* Product : Overview */
	div.product form div.addtocart a.button.cart span:nth-of-type(1) { display: none; }
	div.product form div.addtocart a.button.cart span:nth-of-type(2) { display: block; }
	div.product div.pictures div.photolist div.li a { width: 60px; height: 75px; }
	div.product h1, div.product h2 { margin-top: 2.5%; font-size: 26px; line-height: 1.7em; }
	div.product h1 span, div.product h2 span { font-size: 16px; line-height: 1.4em; }
	div.product div.info { height: calc(100vw / 0.9); }

	/* Product : Reverse */
	div.product.reverse div.pictures div.photolist { left: 10px; }

	/* Product Quote */
	div.productquote q { font-size: 25px; }

	/* Product : Selection */
	div.selection div.product form span.info:not(.outofstock) { display: none; }
	div.selection div.product form div.addtocart a.button.details { float: left; }
	div.selection div.product form div.addtocart span.outofstock + a.button.details { display: inherit; }

	/* Product : Case */
	div.case { height: 280px; background-position: calc(50% + 195px) 50%; }
	}

/* Responsive 500px */
@media only screen and (max-width: 500px){

	/* Advices */
	.advices:not(.advicelist) a strong { padding-left: 23%; padding-right: 23%; }

	/* Checkout */
	body.checkout section.checkoutdetails.fullwidth { margin-left: -20px !important; margin-right: -20px !important; width: calc(100% + 40px); }
	body.checkout section.address, body.checkout section.payment { margin-left: auto; margin-right: auto; width: calc(100% - 40px); }
	body.checkout div.partleft > div.all { margin: 0 auto; width: calc(100%); }
	}

/* Responsive 480px */
@media only screen and (max-width: 480px){

	/* Product : Overview */
	div.product div.pictures div.photolist div.li a { width: 55px; height: 70px; }

	/* Advices */
	.advices:not(.advicelist) a strong { padding-left: 21%; padding-right: 21%; }
	}

/* Responsive 460px */
@media only screen and (max-width: 460px){

	/* Default */
	h2.cat { font-size: 20px; }

	/* SlideCart */
	div.slidecart { width: calc(100vw - 60px); }
	div.slidecart:not(.active) { right: calc(0 - 100vw + 60px); }

	/* Home : Categories */
	div.categories section h2 { font-size: 14px; }
	div.categories section h2:before { height: 2.5em; }

	/* Product : Overview */
	div.product h1, div.product h2 { margin-top: 2%; font-size: 24px; line-height: 1.8em; }
	div.product h1 span, div.product h2 span { font-size: 16px; line-height: 1.4em; }
	div.product div.photo { width: 360px; height: 360px; }
	div.product div.info { height: calc(100vw / 0.85); }
	div.product form span.info:not(.outofstock), #description ul.infos li strong { letter-spacing: -0.05em; }

	div.product div.sizes label { width: 34px; height: 34px; font-size: 12px; line-height: 32px; }

	/* Product : Case */
	div.case { height: 240px; background-position: calc(50% + 165px) 50%; }

	/* Cart */
	section.cart { padding-bottom: 40px; }
	section.cart li.qty { position: absolute; top: inherit; left: 75px; bottom: -26px; padding: 0; text-align: left; }
	section.cart li.price { position: absolute; top: inherit; left: 120px; bottom: -25px; padding: 0; text-align: left; }
	section.cart li.qty select + a.arrow { }
	div.checkout div.cart section.cart li.price { left: 75px; }

	/* Cart : Special */
	section.special { padding-bottom: 80px; }
	section.special li.qty { bottom: -62px; }

	/* Checkout */
	body.checkout section.checkoutdetails > div.all { margin: 0 auto; width: calc(100% - 40px); }
	body.checkout section.checkoutdetails.fullwidth { margin-left: -20px !important; margin-right: -20px !important; width: calc(100% + 40px) !important; }

	/* Advices */
	.advices:not(.advicelist) a strong { padding-left: 20%; padding-right: 20%; }

	/* Styles */
	ul.styles0 { margin: 0 -10px; }
	ul.styles0 li { margin: 10px 0 0; padding-top: 30%; width: 100%; }
	ul.styles0 li a[href*="trendy"] { background-position-y: 31%; }
	ul.styles0 li a[href*="vintage"] { background-position-y: 36%; }
	ul.styles0 li a[href*="gold"] { background-position-y: 71%; }
	ul.styles0 li a[href*="heritage"] { background-position-y: 74%; }
	ul.styles0 li a[href*="allure"] { background-position-y: 46%; }
	ul.styles0 li a[href*="casual"] { background-position-y: 78%; }
	ul.styles0 li a:before { top: 0; right: 50%;
		background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
		}
	ul.styles0 li a strong { bottom: 8px; left: 15px; text-align: left; }

	/* Footer */
	footer { padding-bottom: 30px !important; }
	footer a.logo { margin-top: 0.8em; width: 200px; height: 50px; font-size: 40px; line-height: 50px; }

	/* Socials */
	div.socials { padding: 10px 0 20px; }
	.socials a { margin: 8px; width: 40px; height: 40px; }
	.socials a.fb { background-position: 50% 0; }
	.socials a.yt { background-position: 50% -40px; }
	.socials a.ig { background-position: 50% -80px; }
	.socials a.tw { background-position: 50% -120px; }
	.socials a.pt { background-position: 50% -160px; }
	}

/* Responsive 460px / Height 640px */
@media only screen and (max-width: 460px), (max-height: 680px){

	/* Cart : Promo */
	.slidecart00 form.promo:not(.active) { display: none; }

	/* Cart : Advices */
	.slidecart div.advices { padding: 15px 0; }
	.slidecart .advices a { padding: 0; width: 33.33%; line-height: 1.4em; }
	.slidecart .advices a:last-of-type { display: inline-block; }
	.slidecart .advices a strong { font-size: 12px; }
	.slidecart .advices a strong, .slidecart .advices a span { display: none; }
	.slidecart .advices a strong:nth-of-type(2) { display: block; }
	}

/* Responsive 440px */
@media only screen and (max-width: 440px){

	/* Advices */
	.advices:not(.advicelist) a strong { padding-left: 18%; padding-right: 18%; }

	/* Cart */
	.slidecart form.cart a.button span.opacity, .slidecart form.cart a.button span.price { display: none; }
	}

/* Responsive 430px */
@media only screen and (max-width: 430px){

	/* Product : Overview */
	div.product div.pictures div.photolist div.li a { width: 50px; height: 60px; }
	}

/* Responsive 420px */
@media only screen and (max-width: 420px){

	/* Menu */
	ul.menu { top: 2px; }
	ul.menu a.logo { top: 24px; width: 170px; height: 57px; background-size: 170px auto; }
	ul.menu a.icon { margin-top: 13px; height: 44px; }

	/* Product : Overview */
	div.product div.pictures:before { border-width: 10px; }
	div.product div.photo { width: 340px; height: 340px; }
	div.product div.info { height: 490px; }
	div.product form div.addtocart a.button.cart span { display: none !important; }

	/* Product Quote */
	div.productquote q { font-size: 22px; }

	/* Cart : Promo */
	.slidecart form.promo h2 { display: none; }
	.slidecart form.promo input { width: calc(100% - 120px); }

	/* Advices */
	.advices:not(.advicelist) a strong { padding-left: 16%; padding-right: 16%; }
	}

/* Responsive 400px */
@media only screen and (max-width: 400px){

	/* SlideMenu */
	div.slidemenu { width: calc(100vw - 60px); }
	div.slidemenu:not(.active) { left: calc(0 - 100vw + 60px); }

	/* Product : Filters */
	form.filters { display: none; }

	/* Product : Overview */
	div.product div.photo div.photolist div.li a { width: 45px; height: 45px; }
	div.product div.photo div.photolist div.li a:before { padding: 2px 12px; }
	div.product div.pictures:before { border-width: 9px; }
	div.product div.pictures div.photolist div.li a { width: 45px; height: 55px; }
	div.product div.photo { width: 300px; height: 300px; }

	/* Product : Case */
	div.case { height: 210px; background-position: calc(50% + 145px) 50%; }

	/* Cart : Advices */
	.slidecart .advices a { padding: 0 20px; }

	/* Advices */
	.advices:not(.advicelist) div.all { width: calc(100% - 20px); }
	}

/* Responsive 400px / Height 640px */
@media only screen and (max-width: 400px), (max-height: 640px){

	/* Cart : Slide */
	.slidecart div.secure { padding-top: 0; border-width: 0; }
	.slidecart section.cart div.photo, .slidecart section.cart.promo div.photo { width: 70px; }
	.slidecart section.cart:not(.promo) form { display: inline-block; margin: 6px 10px 0 0; }
	.slidecart section.cart:not(.promo) form a.updateqty { width: 18px; height: 20px; line-height: 18px; }
	.slidecart section.cart:not(.promo) form input[name="qty"] { width: 20px; height: 20px; line-height: 18px; }
	.slidecart section.cart:not(.promo) p.price { display: inline-block; margin: 3px 0 0; }
	}

/* Responsive 380px */
@media only screen and (max-width: 380px){

	/* Default */
	h2.cat { font-size: 18px; letter-spacing: 0.15em; }
	}

/* Responsive 360px */
@media only screen and (max-width: 360px){

	/* Banner */
	.banner.home div.all { text-align: center; padding-left: 20px; padding-right: 20px; }

	/* Product : Overview */
	div.product div.sizes label:nth-of-type(7) { display: none; }
	div.product div.pictures div.photolist div.li { margin: 0 4px; }
	div.product div.pictures div.photolist div.li a { width: 40px; height: 50px; }

	/* Product : Reverse */
	div.product.reverse div.pictures div.photolist div.li { padding: 0 0 0 10px; }

	/* Product : Case */
	div.case { height: 200px; background-position: calc(50% + 140px) 50%; }

	/* Cart : Advices */
	.slidecart .advices a { padding: 0 10px; }

	/* Advices */
	.advices:not(.advicelist) a strong { padding-left: 12%; padding-right: 12%; }
	}

/* Responsive 350px */
@media only screen and (max-width: 350px){

	/* Product : Overview */
	div.product form div.addtocart span.outofstock + a.button.details:after { content: 'Plus'; }
	}

/* Responsive 345px */
@media only screen and (max-width: 345px){

	/* Logo */
	header a.logo .title, header a.logomore { display: none; }
	}

/* Responsive 320px */
@media only screen and (max-width: 320px){

	/* Advices */
	.advices:not(.advicelist) a strong { padding-left: 7%; padding-right: 7%; }
	}

/* Sticky */
@media only screen and (max-height: 750px){

	/* Orientation : Landscape */
	@media (orientation: landscape){
		.sticky { position: relative; top: 0; }
		}
	}

/* Smooth Scroll */
@media (-moz-touch-enabled: 1), (pointer: coarse){
	div.slides .slick-slide { -webkit-overflow-scrolling: touch; }
	div.slides .slick-slide { -webkit-transform: translate3d(0,0,0); }
	}

/* Animation */
@-webkit-keyframes loading {
	100% { -webkit-transform: rotateZ(360deg); }
	}
@keyframes loading {
	100% { transform: rotateZ(360deg); }
	}

/* Swiper */
:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

/* FancyBox */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#fff;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:1;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}