/* 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; }
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: 'Poppins', 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;
	}

/* Icons */
select + a.arrow, header a.collections, header a.filters, header a.search, header ul.info li a, 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?v1') no-repeat -500px 0; }

/* Form & Others */
ul { list-style: none; }
em { font-style: normal; }
.center { text-align: center; }
.hidden { display: none; }
.clear { clear: both; }
.isfixed { visibility: hidden; }
input, textarea, select, option { font-family: 'Poppins', 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; }

/* Fonts */
h1, h2, h3, header, header *, div.menushop, a.name, .filters ul:before, .filters ul:after, .advices section strong { font-family: 'Poppins', Tahoma, sans-serif; font-weight: normal; }
.price { font-family: 'Merriweather', Tahoma, sans-serif; white-space: nowrap; }
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 */
header a, a.logo, a.brand, ul.menu, ul.icons, div.menu a, div.menushop a, ul.photolist li a, div.collections *, section.instaitem div.infos, section.instaitem img {
	-webkit-transition: 100ms;
	-ms-transition: 100ms;
	transition: 100ms;
	}

/* Blur & Grey */
.blur {
	-webkit-filter: blur(2px) grayscale(0.20);
	-moz-filter: blur(2px) grayscale(0.20);
	-ms-filter: blur(2px) grayscale(0.20);
	-o-filter: blur(2px) grayscale(0.20);
	filter: blur(2px) grayscale(0.20);
	}

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

/* Container */
div.all { margin: 0 auto; width: 100%; max-width: 1100px; border-color: rgba(0, 0, 0, 0.3); }
.touch { z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: rgba(0, 0, 0, 0); }
div.flex { display: -webkit-flex; -webkit-flex-direction: column; display: flex; flex-direction: column; }

/* Error */
a.button.error { background: #e84c3d !important; }
.error:not(.button) { color: #e84c3d !important; }
input.error + h3.label { color: #e84c3d !important; }
.green { color: #4d9a26 !important; }

/* Button */
div.buttons { margin-top: 20px; }
a.button { display: inline-block; padding: 10px 15px; font-size: 16px; line-height: 30px; color: #fff; /* text-transform: uppercase; */ background: #000; white-space: nowrap; }
a.button:hover { color: #fff; background: rgba(17, 17, 17, 0.8); }

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; }
h2.title { padding: 10px 0 5px; font-size: 14px; line-height: 20px; color: #bbb; text-transform: uppercase; }
h2.title span { padding-left: 5px; font-size: 11px; color: #777; font-weight: normal; text-transform: none; vertical-align: baseline; }
h2.title span a { color: #777; }
p { font-size: 14px; line-height: 22px; }

/* Header */
header { z-index: 50; position: fixed; width: 100%; height: 84px; text-transform: uppercase; border-color: rgba(0, 0, 0, 0); border-width: 0 0 1px 0; border-top: 3px solid #000; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
header:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('/img/back-header.jpg') repeat calc(50% - 130px) 0; background-size: auto 330px; opacity: 0; pointer-events: none; }
.scrolled header, .nobanner header { border-bottom-color: rgba(0, 0, 0, 0.3); }
.scrolled header:before, .nobanner header:before { opacity: 1; }

a.logo { z-index: 2; position: absolute; width: 138px; height: 80px; background: url('/img/logo.png') no-repeat 0 50%; background-size: 180px auto; }
a.home { z-index: 3; position: absolute; width: 50px; height: 80px; }

a.brand { z-index: 5; position: absolute; top: 18px; left: 143px; width: 60px; height: 40px; font-size: 16px; line-height: 40px; font-weight: bold; text-align: center; text-transform: none; background: #fff; border-color: rgba(0, 0, 0, 0.3); border-width: 1px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
body.him a.brand, a.him, strong.him { color: #1a3b6e; }
body.her a.brand, a.her, strong.her { color: #992f87; }

ul.menu { position: absolute; top: 15px; right: 0; text-transform: none; }
ul.menu li { display: inline-block; padding: 0 12px; white-space: nowrap; }
ul.menu li a { display: block; height: 50px; font-size: 14px; line-height: 50px; opacity: 0.9; }
ul.menu li a span { position: absolute; color: rgba(0, 0, 0, 0); }
ul.menu li a:hover, ul.menu li a.active { opacity: 1; }
ul.menu li a strong { font-weight: bold !important; }

ul.menu li.icons { right: 0; padding-right: 0; }
ul.menu li.icons ul li { padding: 0; }
ul.menu li.icons ul li.menu { display: none; margin-right: 10px; padding-right: 10px; border-width: 0 1px 0 0; }
ul.menu li.icons ul li.submenu { margin: 0 10px 0 0; padding: 0 10px; border-width: 0 1px; }
ul.menu li.icons ul li a { width: 50px; height: 50px; color: rgba(0, 0, 0, 0); background: url('/img/icons.png?v1') no-repeat 0 0; background-size: 60px auto; overflow: hidden; }
ul.menu li.icons ul li a.menu, ul.menu li.icons ul li a.submenu { background-position: 50% -604px; }
ul.menu li.icons ul li a.account { background-position: 50% -304px; }
ul.menu li.icons ul li a.cart { background-position: 50% -245px; }
ul.menu li.icons ul li a.cart:before { content: attr(data-badge); position: absolute; right: 2px; top: 8px; padding: 0; width: 20px; height: 18px; font-size: 8px; line-height: 14px; text-align: center; color: #fff; font-weight: bold !important; border: 2px solid #ededee; background: #333; border-radius: 5px; }

form.langs { z-index: 3; position: absolute; left: 148px; }
a.brand + form.langs { left: 218px; }
form.langs a.langs, form.langs ul { position: absolute; top: 28px; }
form.langs a.langs:before { content: ''; position: absolute; top: 2px; right: -2px; width: 10px; height: 20px; background-position: 50% -40px; background-size: 20px; opacity: 0.7; }
form.langs a { display: block; padding: 0 12px; font-size: 12px; line-height: 24px; color: rgba(17, 17, 17, 0.5); border-width: 0 0 0 1px; }
form.langs ul { z-index: 1; display: none; top: 16px; }
form.langs ul a:hover { color: #000; }

.nosticky form.langs { top: 25px; left: 180px; }

/* Mobile Menu */
div.overlay { z-index: 9999; display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0; cursor: pointer; }
div.menu { z-index: 10000; display: none; position: fixed; top: 0; left: -400px; width: 400px; bottom: 0; max-width: 100%; background: #fcfcfc; opacity: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
div.menu ul.lines { margin: 80px 20px 0; max-height: calc(100% - 145px); border-width: 1px 0; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); }
div.menu ul.lines li { border-width: 0 0 1px 0; }
div.menu ul.lines li:last-of-type { border: 0; }
div.menu ul.lines li a { display: block; font-size: 21px; line-height: 50px; text-align: center; opacity: 0.9; }
div.menu ul.lines li a:hover, div.menu ul.lines li a.active { opacity: 1; }

div.menu ul.icons { z-index: 3; position: absolute; top: 15px; right: 5px;  }
div.menu ul.icons li { display: inline-block; }
div.menu ul.icons li a { display: block; width: 50px; height: 50px; color: rgba(0, 0, 0, 0); background: url('/img/icons.png?v1') no-repeat 0 0; background-size: 50px auto; overflow: hidden; opacity: 0.9; }
div.menu ul.icons li a.account { background-position: 50% -249px; }
div.menu ul.icons li a.cart { background-position: 50% -200px; }
div.menu ul.icons li a.cart:before { content: attr(data-badge); position: absolute; right: 2px; top: 8px; padding: 0; width: 18px; height: 18px; font-size: 8px; line-height: 14px; text-align: center; color: #fff; font-weight: bold !important; border: 2px solid #ededee; background: #333; border-radius: 5px; }
div.menu ul.icons li a.closemenu { background-position: 50% -550px; }
div.menu ul.icons li a:hover { opacity: 1; }
div.menu a.logo { left: 20px; }

.menu li a span.and { display: inline-block; margin: 0 2px; width: 6px; height: 100%; font-size: 0; color: rgba(0, 0, 0, 0); background: url('/img/logo.png') no-repeat -108px calc(50% - 1px); background-size: 140px auto; overflow: hidden; }
.menu li a em { padding-right: 1px; font-style: normal; text-transform: none; }

/* Banner */
div.banner { z-index: 1; position: fixed; width: 100%; }
div.banner, div.fakeban { height: 330px; }
div.fakeban { pointer-events: none; }
div.banner, div.banner div.back { background-position: calc(50% - 80px) 0; background-repeat: no-repeat; background-size: auto 330px; }
div.banner div.back { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('/img/back-header.jpg'); opacity: 0; }
.banner.bg1 { background-image: url('/img/banner-1.jpg'); }
.banner.bg2 { background-image: url('/img/banner-2.jpg'); }
.banner.bg3 { background-image: url('/img/banner-3.jpg'); }
.banner.bg4 { background-image: url('/img/banner-4.jpg'); }
body.him .banner.bg1 { background-image: url('/img/banner-him-1.jpg'); }
body.him .banner.bg2 { background-image: url('/img/banner-him-2.jpg'); }
body.him .banner.bg3 { background-image: url('/img/banner-him-3.jpg'); }
body.him .banner.bg4 { background-image: url('/img/banner-him-1.jpg'); }
body.her .banner.bg1 { background-image: url('/img/banner-her-1.jpg'); }
body.her .banner.bg2 { background-image: url('/img/banner-her-2.jpg'); }
body.her .banner.bg3 { background-image: url('/img/banner-her-1.jpg'); }
body.her .banner.bg4 { background-image: url('/img/banner-her-2.jpg'); }

/* No Banner */
.nobanner div.banner { display: none; }
.nobanner div.fakeban { height: 80px; }

/* Home */
.homepage div.banner { cursor: pointer; }
.homepage div.banner, .homepage div.fakeban { height: calc(100vh - 50px); max-height: 850px; }
.homepage div.banner, .homepage div.banner div.back { background-position: 50% 100%; background-size: auto 100%; }
[lang="fr"] .homepage div.banner { background-image: url('/img/back-home-vs.jpg'); }
[lang="en"] .homepage div.banner { background-image: url('/img/back-home-vs.jpg'); }
.homepage div.banner div.back a { position: absolute; top: 0; bottom: 0; }
.homepage div.banner div.back a:first-of-type { left: 0; right: 50%; }
.homepage div.banner div.back a:last-of-type { left: 50%; right: 0; }

div.home { margin-bottom: 20px; }
.home div.preview { display: inline-block; margin-top: 20px; width: calc(100% / 2); height: 300px; background-repeat: no-repeat; background-size: auto 100%; border-width: 1px; }
.home div.preview.him { background-image: url('/img/back-preview-him.jpg'); background-position: 0 50%; }
.home div.preview.her { background-image: url('/img/back-preview-her.jpg'); background-position: 100% 50%; }
.home div.preview a.button { position: absolute; bottom: 25px; }
.home div.preview.him a.button { right: 25px; }
.home div.preview.her a.button { left: 25px; }

.home div.products { display: inline-block; width: 50%; margin: 0; padding-top: 15px; padding-bottom: 15px; }
.home div.products.him { padding-right: 1%; }
.home div.products.her { padding-left: 1%; }
.home div.products section.product { margin: 2%; width: calc((100% - 8%) / 2); }

.home div.preview.him, .home div.products.him { border-right: 1px dashed #000; }
.home div.preview.her, .home div.products.her { border-left: 1px dashed #000; }

.home div.about { display: inline-block; width: calc((100% / 2) + 140px); height: 350px; background: url('/img/back-home-about.jpg') no-repeat 100% 50%; background-size: auto 100%; border-width: 1px; }
.home div.about a.button { position: absolute; bottom: 25px; right: 50%; background: #fcfcfc; color: #000; }

/* Player */
div.banner div.all { height: 100%; }
div.player { position: absolute; top: 150px; width: 100%; padding-bottom: 56.2%; pointer-events: none; }
div.player .innerplayer, div.player #player { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; }
div.player #player { top: -50%; 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: 2; padding-top: 0.1px; min-height: calc(100vh - 141px - 200px); background: #fcfcfc; }
.content:before { content: ''; z-index: 10; position: absolute; top: -1px; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.05); border-width: 1px 0 0 0; }
.contentoverflow div.content { overflow: hidden; }
.catalog div.content { background: url('/img/back-catalog.jpg') no-repeat 50% 50%; background-size: cover; }

/* Form */
p.submit { margin-top: 15px; }

/* 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, .filters label {
	display: inline-block; padding: 0 10px 0 23px; height: 20px; font-size: 11.5px; line-height: 22px;
	background: url('/img/icons.png?v1') 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%; }
.groupfield label select + a.arrow { top: 10px; }

/* 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-top: 56%; border-width: 1px; overflow: hidden; }
div.video iframe { position: absolute; top: -50%; left: 0; right: 0; bottom: 0; width: 100%; height: 200%; }

/* 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%; }

/* Menu Shop */
div.menushop { z-index: 50; top: 80px; 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?v1') 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; }

.scrolled div.menushop, .nobanner div.menushop { padding-top: 1px; height: 52px; }
.scrolled .menushop a.collections, .scrolled .menushop a.search, .scrolled .menushop a.filters, .nobanner .menushop a.collections, .nobanner .menushop a.filters, .nobanner .menushop a.search { top: 1px; }

.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); }

/* Product : Filters */
form.filters { display: none; z-index: 50; top: 132px; padding: 20px 30px 20px 20%; border-width: 0 0 1px 0; background: #fcfcfc url('/img/back-filters.jpg') no-repeat 0 10%; background-size: 250px auto; }
.filters ul { display: inline-block; padding-left: 20px; width: 25%; background: #fcfcfc; border-width: 0 0 0 1px; }
.filters ul:before { content: attr(data-title); font-size: 13px; line-height: 22px; text-transform: uppercase; }
.filters ul[data-value]:after { content: attr(data-value); position: absolute; top: 0; right: 0; font-size: 11.5px; line-height: 22px; opacity: 0.4; }
.filters ul li { padding: 3px 0; }

/* Product : Sizes */
div.sizes { text-align: center; }
.sizes label { display: inline-block; margin: 0 4px; width: 38px; height: 38px; font-size: 15px; line-height: 38px; text-align: center; color: #999; border-width: 1px; border-color: rgba(0, 0, 0, 0.05); background: #f5f5f5; cursor: pointer; }
.sizes label.active, .sizes label:hover { color: #555; border-color: rgba(0, 0, 0, 0.1); }
.sizes label.active { color: #000; background: #fcfcfc; border-color: rgba(0, 0, 0, 0.3); }
.sizes label input { display: none; }

/* Product : Listing */
div.products { width: 100%; margin: 20px 0; }
section.product { display: inline-block; margin: 1%; padding: 8px; width: calc((100% - 8%) / 4); text-align: center; background: #fff; border-width: 1px; }
section.product:hover { border-color: rgba(0, 0, 0, 0.5); }
section.product div.back { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('/img/shapes.png') no-repeat 50% 0; background-size: contain; }

section.product h2 { opacity: 0; pointer-evants: none; }
section.product h3 { position: absolute; left: 8%; right: 8%; margin-top: -25px; font-weight: normal; text-align: left; }
section.product h3 em { font-size: 11px; line-height: 20px; color: #000; }
section.product h3 span { float: right; font-size: 10px; line-height: 20px; color: #777; }

section.product div.photo { display: block; margin: 0 auto; width: 100%; padding-top: 100%; background-color: #fff; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.15); overflow: hidden; }
section.product div.photo img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 90%; }
/* section.product.t1 div.photo img { top: -10%; margin: 25%; width: calc(100% - 50%); height: calc(100% - 50%); } */
/* section.product.t2 div.photo img { top: -10%; margin: 20%; width: calc(100% - 40%); height: calc(100% - 40%); } */
/* section.product.t5 div.photo img { top: -20%; width: 100%; } */
/*
section.product[rel^="66400001"] div.photo img,
section.product[rel^="60400002"] div.photo img,
section.product[rel^="60400005"] div.photo img { top: -8%; margin: 16%; width: calc(100% - 32%); height: calc(100% - 32%); }
section.product[rel^="66700001"] div.photo img,
section.product[rel^="60700001"] div.photo img { top: -15%; }
section.product[rel^="66700002"] div.photo img,
section.product[rel^="60700002"] div.photo img,
section.product[rel^="60700005"] div.photo img,
section.product[rel^="60700008"] div.photo img { top: -5%; }
*/

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?v1') 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 { display: none; margin: 0 0 8px; padding: 0 0 8px; border-width: 0 0 1px; }
section.product .sizes label { width: calc((100% - 44px) / 5); }

section.product form { z-index: 10; margin-top: 8px; text-align: right; }
section.product form span.price { display: block; margin: 0 50px 0 0; padding: 2px 12px 0 0; font-size: 20px; line-height: 22px; }
section.product form span.info { display: block; margin: 0 50px 0 0; padding: 5px 12px 0 0; font-size: 10px; line-height: 20px; color: #777; }
section.product form a.button { float: right; padding: 0; width: 50px; height: 50px; border-radius: 2px; }
section.product form a.button:before { background-position-x: 50%; }

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%); }

section.product.t1:hover div.photo { padding-top: calc(100% - 55px); }
section.product.t1:hover div.sizes { display: block; }

/* Product : Overview */
div.product { display: flex; flex-flow: row wrap; padding: 20px 0; border-width: 0 0 1px 0; }
div.product > div.photo { z-index: 2; padding: 0; width: 610px; height: 610px; background: #fff; border-width: 1px; border-color: rgba(0, 0, 0, 0.05); }
div.product > div.photo:hover { border-color: rgba(0, 0, 0, 0.1); }
div.product > div.photo img.zoom { width: 100%; }
div.zoomContainer { z-index: 5; top: 0 !important; left: 0 !important; }

div.product div.photo ul.photolist { z-index: 10; position: absolute; left: 20px; bottom: 20px; }
div.product div.photo ul.photolist li { display: inline-block; padding: 0 15px 0 0; }
div.product div.photo ul.photolist li a { display: block; width: 60px; height: 60px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-width: 1px; opacity: 0.9; }
div.product div.photo ul.photolist li a:before { content: attr(data-title); position: absolute; right: -100px; padding: 10px 15px; width: 100px; height: 60px; font-size: 12px; line-height: 20px; color: #777; opacity: 0.7; }
div.product div.photo ul.photolist li.active a, div.product div.photo ul.photolist li:hover a { opacity: 1; }
div.product div.photo ul.photolist li.active a:before, div.product div.photo ul.photolist li:hover a:before { opacity: 1; }
div.product div.photo ul.photolist li a.onher { border-color: rgba(0, 0, 0, 0.3); }
div.product div.photo ul.photolist li a:not(.onher):before { color: #fcfcfc; }
div.product div.photo ul.photolist li.active { display: none; }

div.product div.info { flex: 1; padding: 0 20px; text-align: center; }
div.product h1 { margin-top: 40px; padding: 0 3px; font-size: 26px; line-height: 35px; font-weight: normal; }
div.product div.info.withsizes h1 { margin-top: 20px; }
div.product h1 strong { display: block; font-size: 21px; }
div.product h1 span { display: block; font-size: 14px; line-height: 27px; color: #777; }

div.product ul.variants { margin: 20px 0 25px 0; }
div.product ul.variants li { display: inline-block; padding: 0 14px; 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; color: rgba(0, 0, 0, 0); background: url('/img/variants.png?v1') no-repeat 50% 0; background-size: 100% auto; }
div.product ul.variants li a.jaune { background-position: 50% -50px; }
div.product ul.variants li a.rose { background-position: 50% -100px; }
div.product ul.variants li a.noir { background-position: 50% -150px; }
div.product ul.variants li a.argente.blackedition { background-position: 50% -200px; }

div.product span.price { display: block; margin-top: 15px; font-size: 25px; line-height: 25px; }
div.product div.desc { padding: 40px 0 0; }
div.product p.desc span { color: #777; }
div.product p.info { font-size: 11px; color: #999; }

div.product div.addtocart { margin: 30px auto 0 auto; }
div.product div.addtocart p.button { margin: 0 auto; padding: 15px 0 0; width: 220px; border-width: 1px 0 0; }
div.product div.addtocart a.button { display: block; }
div.product div.addtocart p.stock { padding-top: 10px; font-size: 11px; line-height: 20px; color: #777; }

div.product div.addtocart div.sizes:before { content: ''; position: absolute; top: 0; left: calc(50% - 110px); width: 220px; height: 1px; border-width: 1px 0 0; }
div.product div.addtocart .sizes p { display: block; padding: 0; font-size: 11px; line-height: 44px; color: #777; }
div.product div.addtocart .sizes p:first-of-type { font-size: 12px; line-height: 46px; color: #333; }
div.product div.addtocart .sizes p a { color: #333; }

div.case { display: block; margin-top: 40px; width: 100%; height: 300px; background-position: -30px 50%; background-size: cover; }
div.case p { position: absolute; right: 60px; padding: 25px 30px; color: #555; background: #fdfdfd; }
div.case.ec-ph004 p, div.case.ec-ph005 p { top: 85px; left: 640px; }
div.case.ec-ph003 p { top: 100px; left: 550px; }

/* Instashop : Title */
h2.instashop { margin: 50px 0 40px; text-align: center; }
h2.instashop strong { display: block; font-size: 40px; line-height: 45px; font-weight: normal; }
h2.instashop span { display: block; font-size: 50px; line-height: 55px; opacity: 0.7; }

/* Instashop : Listing */
div.instashop { width: 100%; margin: 20px 0; }
section.instaitem { display: inline-block; margin: 1.5%; width: calc((100% - 9%) / 3); text-align: center; background: #f4f4f5; border-width: 1px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
section.instaitem div.photo { display: block; margin: 0 auto; width: 100%; padding-top: 100%; overflow: hidden; }
section.instaitem div.photo img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; }
section.instaitem div.infos { z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; }
section.instaitem div.infos p { position: absolute; left: 10%; right: 10%; top: 50%; color: #fff; transform: translateY(-50%); }
section.instaitem div.infos a.button { position: absolute; bottom: 10%; background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.7); transform-origin: 50% 50%; transform: translateX(-50%); }
section.instaitem div.infos ul.stats { position: absolute; left: 10%; right: 10%; top: 17%; }
section.instaitem div.infos ul.stats li { display: inline-block; margin: 0 10%; padding-left: 45px; font-size: 14px; line-height: 20px; color: #fff; }
section.instaitem div.infos ul.stats li:before { content: ''; position: absolute; top: -10px; left: 0; width: 35px; height: 35px; background: url('/img/icons.png?v1') no-repeat 50% 0; background-size: 35px auto; opacity: 0.9; }
section.instaitem div.infos ul.stats li.likes:before { background-position: 50% -455px; }
section.instaitem div.infos ul.stats li.comments:before { background-position: 50% -490px; }

section.instaitem:hover div.infos { opacity: 0.9; }
section.instaitem:hover div.photo img { top: -10%; left: -10%; right: -10%; bottom: -10%; width: 120%; opacity: 0.8;
	-webkit-filter: blur(2px) grayscale(0.50);
	-moz-filter: blur(2px) grayscale(0.50);
	-ms-filter: blur(2px) grayscale(0.50);
	-o-filter: blur(2px) grayscale(0.50);
	filter: blur(2px) grayscale(0.50);
	}

/* Instashop : Listing on Product Page */
div.productinstashop { margin: 0 0 20px; padding: 15px 0 0 0; background: url('/img/instashop.png') no-repeat 100% 0; }
div.productinstashop h4 { display: block; padding: 20px; font-size: 35px; line-height: 35px; text-align: center; opacity: 0.7; }

/* Instashop : Overview */
div.instaitem { display: flex; flex-flow: row wrap; padding: 20px 0; border-width: 0 0 1px 0; }
div.instaitem > div.photo { z-index: 2; padding: 0; width: 56%; background: #fff; border-width: 1px; border-color: rgba(0, 0, 0, 0.05); }
div.instaitem > div.photo img { width: 100%; }

p.instadesc { display: block; padding: 40px 20px; font-size: 34px; line-height: 40px; text-align: center; border-width: 0 0 1px; }
div.instaitem div.products { flex: 1; margin: 5px 0 0; padding: 0 5px 0 15px; width: unset; max-height: 100px; }
div.instaitem div.products h2.title { display: block; margin: 0 0 12px; padding: 0; line-height: 8px; text-align: center; }
div.instaitem div.products h2.title em.hide { font-style: normal; }
div.instaitem section.product { margin: 2% !important; padding: 2.8% !important; width: calc((100% - 8%) / 2) !important; }

div.instashop div.instaitem { margin: 1.5% 0; padding: 20px 1.5%; border-width: 1px 0; }
div.instashop.border { padding-bottom: 20px; border-bottom-width: 1px; }
div.instashop.border div.instaitem:last-child { margin-bottom: 0; border-bottom: 0; }

/* 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 { min-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 { font-size: 16px; }
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: 30px; text-align: center; background: #fff; }
section.cart li.qty select + a.arrow { top: 5px; right: 6px; }
section.cart li.price { min-width: 120px; font-size: 16px; line-height: 20px; text-align: right; }

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

/* 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; min-width: 120px; font-size: 16px; text-align: right; }

/* 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; }

/* 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 div.groupfield { background: rgba(255, 255, 255, 0.8); padding: 5px 15px; border-color: rgba(0, 0, 0, 0.3); }
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; }
.checkout > section { display: inline-block; margin-top: 15px; width: calc(50% - 10px); }
.checkout > section > h2 { border-width: 0 0 1px 0; }
.checkout > section > p { padding-right: 10px; font-size: 13px; color: #555; }
.checkout > section > p strong { font-size: 14px; color: #000; }
.checkout section.address h2, .checkout section.delivery h2, .checkout section.status h2 { margin-bottom: 15px; }
.checkout section.address p, .checkout section.b-delivery p { padding: 0 0 0 100px; }
.checkout section.address p:before, .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; }
.checkout section.b-delivery p:before { background-image: url('/img/icon-delivery.png'); }
.checkout section.delivery { margin-top: 0; margin-left: 20px; }
.checkout section.address { margin-top: 0; }

.checkout a.button.checkout { padding-left: 50px; background: #4d9a26; }
.checkout a.button.checkout:hover { background: rgba(77, 154, 38, 0.9); }
.checkout a.button.checkout:before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-position: 0 -150px; background-size: 50px auto; }
.checkout a.button.checkout:after { content: attr(data-secure); position: absolute; top: 66px; left: 0; width: 100%; height: 62px; font-size: 11px; line-height: 0; color: #555; text-align: center; font-weight: bold; text-transform: none; text-shadow: 0px 0px 10px #fff; background: url('/img/secure.png?v1') no-repeat; background-position: 50% calc(50% + 1px); background-size: auto 32px; border-width: 1px; border-radius: 5px; }
.checkout a.button.checkout.loading:before { background-position: 0 -400px; -webkit-animation: loading 3s infinite; animation: loading 3s infinite; }

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

.checkout a.button.paypal { margin-top: 40px; padding-left: 42px; padding-right: 90px; background-image: url('/img/paypal.png?v1'); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 100%; }
.checkout a.button.paypal:before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-position: -2px -600px; background-size: 50px auto; }
.checkout a.button.paypal:after { content: attr(data-text); position: absolute; top: -20px; left: 0; width: 100%; height: 20px; font-size: 11px; line-height: 0; color: #555; text-align: center; font-weight: bold; text-transform: none; text-shadow: 0px 0px 10px #fff; border-width: 1px 0 0 0; }
.checkout a.button.paypal.loading:before { left: -2px; background-position: 0 -400px; -webkit-animation: loading 3s infinite; animation: loading 3s infinite; }
.checkout a.button.paypal strong { display: none; }

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

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

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

/* Status */
.checkout section.status { width: 100%; margin-top: 0; margin-bottom: 15px; min-height: auto; }
.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 - 81px); min-height: 450px; }
.stores div.fullwidth { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; }
.stores div.map-container { height: 100%; }
.stores .map-item-info p { margin: 0; padding: 0; }
.stores .map-item-info p.title { padding: 0; font-weight: bold; }

/* Description */
div.description { order: 2; z-index: 1; padding: 20px 0; background: #eeeef0; border-width: 1px 0 0 0; }
div.description p { font-size: 11px; line-height: 18px; color: #999; text-align: justify; }
div.description p a { color: #999; }
div.description p strong { font-weight: normal; }

/* Advices */
div.advices { z-index: 1; padding: 20px 0; background: #f4f4f5; border-width: 1px 0 0 0; }
.advices section { display: inline-block; padding: 10px 0 10px; width: calc(100% / 5); font-size: 12px; line-height: 20px; text-align: center; color: #777; border-width: 0 0 0 1px; }
.advices section:before { content: ''; display: block; margin: 0 auto 15px; width: 55px; height: 55px; background: url('/img/advices.png?v1') no-repeat 50% 0; background-size: 100% auto; border-width: 1px; border-color: rgba(0, 0, 0, 0.5); border-radius: 50%; }
.advices section.guarantee:before { background-position: 50% -52px; }
.advices section.delivery:before { background-position: 50% -105px; }
.advices section.shipping:before { background-position: 50% -160px; }
.advices section.care:before { background-position: 50% -210px; }
.advices section.return:before { background-position: 50% -265px; }
.advices section:first-of-type { border: 0; }
.advices section strong { display: block; font-size: 13px; 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%; opacity: 0.8; }
.socials a:hover { opacity: 1; }
.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%; }

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

/* Footer */
footer { z-index: 1; padding: 0 0 40px; background: #eee; border-width: 1px 0 0 0; }
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 + 1100px / 2) !important; margin-right: calc(-100vw / 2 + 1100px / 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; }

/* Payline */
#pl-container-lightbox-header-title { left: -10px; 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; }
#pl-pm-cards_4-payBtn { }

/* Look Book */
.wrapbook { margin: 50px 0; width: 100%; /* max-height: calc(100vh - 180px); */ }

.wowbook { position: relative; margin: 0 auto; zoom: 1; }
.wowbook-page-content { position : absolute; overflow : hidden; zoom: 1; }
.wowbook-loading .wowbook-page-content { background-image: url('/img/catalog/loading.gif'); background-position: 50% 50%; background-repeat: no-repeat; }
img.wowbook-lazy { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.wowbook-page { zoom: 1; }

.wowbook-handle { z-index: 10000; position: absolute; top: 0; width: 150px; height: 100%; cursor: pointer; -webkit-transform: translate3d(0px, 0px, 10000px); }
.wowbook-handle.wowbook-disabled { display: none; }
.wowbook-unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.wowbook-page-content.wowbook-double-page { padding: 0; }

.wowbook-shadow-clipper { z-index: 999; zoom: 1; position: absolute; overflow: hidden; -webkit-backface-visibility: hidden; }
.wowbook-shadow-container { z-index: 999; zoom: 1; display: none; position: absolute; }
.wowbook-shadow-internal { zoom: 1; position: absolute; width: 200px; height: 500px; background: url('/img/catalog/shadow_internal_fold.png') repeat-y; -webkit-backface-visibility: hidden; }

.wowbook-shadow-fold {
	background : url('/img/catalog/shadow_fold.png') right top repeat-y;
	height     : 500px;
	width      : 100px;
	position   : absolute;
	zoom       : 1;
	-webkit-backface-visibility: hidden; /* eliminate jagged edges */
}

.wowbook-shadow-fold-flipped  {
	background-image : url('/img/catalog/shadow_fold_flip_h.png');
}

.wowbook-fold-gradient {
	background : url('/img/catalog/fold_gradient.png') right top repeat-y;
	height : 500px;
	width : 125px;
	position : absolute;
	top : 0;
	zoom: 1;
	-webkit-backface-visibility: hidden; /* eliminate jagged edges */
}

.wowbook-fold-gradient-flipped {
	background-image :  url('/img/catalog/fold_gradient_flip_h.png');
}

.wowbook-fold-gradient-container {
	position : absolute;
	z-index  : 1001; /* 1 a mais que o verso da pagina sendo foldada */
}

.wowbook-gutter-shadow { z-index: 1; position: absolute; top: 0; height: 100%; width: 40px; }

.wowbook-left .wowbook-gutter-shadow {
	background : url('/img/catalog/gutter_shadow_left.png') right top repeat-y;
	right      : 0;
	width      : 70px;
}

.wowbook-right .wowbook-gutter-shadow {
	background : url('/img/catalog/gutter_shadow_right.png') right top repeat-y;
	left       : 0;
}

.wowbook-hard-page-shadow {
	background : #888;
	position   : absolute;
	top        : 0;
	z-index    : 999; /* 1 a menos do que o verso da pagina sendo foldada */
}

.wowbook-page-number {
	bottom   : 0;
	padding-bottom: 0.3em;
	position : absolute;
}

.wowbook-left .wowbook-page-number {
	left : 0;
	padding-left: 0.5em;
}

.wowbook-right .wowbook-page-number {
	right : 0;
	padding-right: 0.5em;
}

.wowbook-book-shadow{
	-moz-box-shadow: 0 0 7px #666;
	-ms-box-shadow: 0 0 7px #666;
	-webkit-box-shadow: 0 0 7px #666;
	-o-box-shadow: 0 0 7px #666;
	box-shadow: 0 0 7px #666; /* if you change this, change the .wowbook-hard-page-shadow too */
}

.wowbook-hard-page-shadow {
	background : #888;
	box-shadow: 0 0 2px 0px #666;
	background: rgba(96, 96, 96, 0.5);
	position   : absolute;
	top        : 0;
	z-index    : 999;
}

.wowbook-page-holded {
}
.wowbook-page-holded object {
	/* visibility: hidden; */
}


/* Thumbnails */
.wowbook-thumbnails {
	background: none;
	left: 0px;
	top: 0px;
    position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	image-rendering:optimizeQuality;
    z-index: 10000;
}

.wowbook-thumbnails .wowbook-clipper {
	overflow: hidden;
	position: relative;
}

.wowbook-thumbnails ul {
    position: relative;
    margin : 0;
    padding : 0;
}

.wowbook-thumbnails .wowbook-button {
	background: none no-repeat 50% 50% #333;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 0;
}

.wowbook-thumbnail {
	cursor : pointer;
	display : inline-block;
	*display: inline; /* for IE7 */
	zoom: 1;	      /* for IE7 */
	overflow: hidden;
	position: relative;
	vertical-align: top;
}

/* BUGFIX. IE8 apparently ignores background-position
   when zoom<>1 is applied and the element has position:absolute */
.wowbook-thumbnail .wowbook-page-content {
	position: relative;
}

.wowbook-thumbnail.wowbook-right {
	margin-right: 1em;
}

.wowbook-overlay {
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100000;
}

/* Thumbnails - horizontal */
.wowbook-horizontal.wowbook-thumbnails{
	width: 100%;
}

.wowbook-horizontal.wowbook-thumbnails .wowbook-clipper {
	height: 100%;
	position: relative;
	margin: 0 30px; /* margin is the width of the buttons */
}

.wowbook-horizontal.wowbook-thumbnails ul { display: inline-block; *display: inline; /* IE7 */ *zoom: 1; /* IE7 */ white-space: nowrap; }
.wowbook-horizontal.wowbook-thumbnails .wowbook-button { width: 30px; height: 100%; background-image: url('/img/catalog/icons/arrow_left.png'); }
.wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button { left: auto; right: 0; background-image: url('/img/catalog/icons/arrow_right.png'); }
.wowbook-horizontal .wowbook-thumbnail { white-space: normal; /* BUT IE7 NEED THIS */ *white-space: nowrap; }
.wowbook-horizontal .wowbook-thumbnail .wowbook-page-content{ /* AGAIN, IE7 NEED THIS */ *white-space: normal; }
.wowbook-vertical.wowbook-thumbnails { display: inline-block; height: 100%; }
.wowbook-vertical.wowbook-thumbnails .wowbook-clipper { position: absolute; top: 30px; bottom: 30px; }
.wowbook-vertical.wowbook-thumbnails .wowbook-button { height: 30px; width: 100%; background-image: url('/img/catalog/arrow_up.png'); }
.wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button { bottom: 0; top: auto; background-image: url('/img/catalog/arrow_down.png'); }
.wowbook-vertical .wowbook-thumbnail.wowbook-right { margin-right: 0; }
.wowbook-vertical .wowbook-thumbnail:first-child { margin-left: 50%; }

/* 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; }

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

/* Responsive more 1000px */
@media only screen and (min-width: 1001px){
	div.product div.info { border-width: 1px 1px 1px 0; border-color: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.01); }
	/* div.product div.desc { z-index: 5; position: absolute; bottom: 21px; right: 21px; padding: 18px 20px 15px; width: 560px; text-align: left; background: #fcfcfc; border-width: 1px; } */
	div.product div.desc { padding: 30px 20px 15px 10px; }
	}

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

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

	/* Product Overview */
	div.case { background-position: -50px 50%; }
	div.case p { right: 40px; }
	div.case.ec-ph004 p, div.case.ec-ph005 p { left: 620px; }
	div.case.ec-ph003 p { left: 530px; }

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

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

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

	/* Header */
	ul.menu li a span.hide { display: none; }

	/* Banner */
	div.banner, div.banner div.back, header:before { background-position: -800px 0; }

	/* Home */
	.homepage div.banner { background-position: 50% 0; }
	.homepage div.banner, .homepage div.fakeban { max-height: 750px; }

	/* Product : Overview */
	div.product > div.photo { width: 590px; height: 590px; }
	div.case p { font-size: 13px; }
	}

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

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

	/* Header */
	ul.menu { overflow: hidden; }
	ul.menu li a:not(.icon) { display: none; }
	ul.menu li.icons ul li.menu { display: inline-block; }
	ul.menu li.icons ul li.submenu { display: none; }

	/* Menu Shop */
	.menushop a.search, .menushop a.filters { width: 50px; height: 50px; color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; }
	.menushop a span.hide { display: none; }

	/* Filters */
	form.filters { padding-left: 15%; background-size: 200px auto; }

	/* Special Offer */
	div.specialoffer { height: 70px; }

	/* Product : Listing */
	section.product { width: calc((100% - 6%) / 3); }

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

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

	/* Product : Overview */
	div.product > div.photo { width: 500px; height: 500px; }
	div.case { background-position: 0 50%; }
	div.case p { display: none; }

	/* Instashop : Title */
	h2.instashop strong { font-size: 35px; line-height: 40px; }

	/* Instashop : Overview */
	div.instaitem div.products h2.title em.hide { display: none; }

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

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

	/* Special Offer */
	div.specialoffer { height: 65px; }

	/* Home */
	.homepage div.banner { background-position: 50% 0; }
	.homepage div.banner, .homepage div.fakeban { max-height: 650px; }

	/* Menu Shop */
	.menushop ul { margin-right: 70px; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); }
	.menushop ul li { display: table-cell; padding: 0 10px; }
	.menushop ul li:last-of-type { padding-right: 0; }

	/* Product : Overview */
	div.product > div.photo { width: 440px; height: 440px; }
	div.product div.photo ul.photolist { left: -1px; bottom: -75px; }
	div.product div.photo ul.photolist li { padding-right: 10px; }
	div.product div.photo ul.photolist li a { width: 55px; height: 55px; }
	div.product div.photo ul.photolist li a:before { padding: 7px 15px; }
	div.product div.photo ul.photolist li a:not(.onher):before { color: #777; }
	div.product div.photo img.zoom { pointer-events: none; }
	div.zoomContainer { display: none !important; }
	}

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

	/* Filters */
	form.filters { padding-left: unset; background-image: none; }
	.filters ul:first-of-type { border: 0; }
	}

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

	/* Header */
	.nosticky form.langs { display: none; }

	/* 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 : Overview */
	div.product > div.photo { width: 390px; height: 390px; }
	div.product div.photo ul.photolist { bottom: -65px; }
	div.product div.photo ul.photolist li a { width: 50px; height: 50px; }
	div.product div.photo ul.photolist li a:before { padding: 5px 12px; font-size: 11px; line-height: 18px; }
	div.case { background-position: calc(50% + 190px) 50%; }

	/* Register */
	div.register { padding: 40px 0; }
	div.register:after { left: calc(50% - 20px); right: unset; }
	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; }

	/* Advices */
	.advices section { padding: 15px 0 5px; font-size: 12px; line-height: 20px; }
	.advices section:before { top: -10px; }
	.advices section strong { font-size: 13px; }
	}

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

	/* Special Offer */
	div.specialoffer { height: 55px; }

	/* Product : Listing */
	section.product { width: calc((100% - 4%) / 2); }

	/* Home */
	.home div.products section.product { width: calc(100% - 4%); }

	/* Product : Overview */
	div.product > div.photo { width: 340px; height: 340px; }
	div.product div.photo ul.photolist { bottom: -60px; }
	div.product div.photo ul.photolist li { padding-right: 8px; }
	div.product div.photo ul.photolist li a { width: 45px; height: 45px; }
	div.product div.photo ul.photolist li a:before { padding: 2px 12px; }

	/* Instashop : Title */
	h2.instashop { margin: 40px 0 30px; }
	h2.instashop strong { margin: 0 auto; width: 380px; }

	/* Instashop : Listing */
	section.instaitem { margin: 1.5%; width: calc((100% - 6%) / 2); }

	/* Instashop : Overview */
	div.instaitem section.product { margin: 2% !important; padding: 2.8% !important; width: calc((100% - 8%) / 2) !important; }
	}

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

	/* Header */
	form.langs { display: none; }

	/* Banner */
	div.banner, div.fakeban { height: 250px; }
	div.banner, div.banner div.back, header:before { background-position: -560px 0; background-size: auto 250px; }

	/* Home */
	.homepage div.banner { background-position: 50% 0; }
	.homepage div.banner, .homepage div.fakeban { max-height: 550px; }

	/* Filters */
	form.filters { padding-left: 30%; background-position: 0 5%; background-size: 260px auto; }
	.filters ul { width: 50%; }
	.filters ul:nth-of-type(n+3) { padding-top: 15px; }
	.filters ul[data-value]::after { top: 15px; }

	/* Product : Overview */
	div.product > div.photo { width: 290px; height: 290px; }
	div.product div.photo ul.photolist { bottom: -55px; }
	div.product div.photo ul.photolist li a { width: 40px; height: 40px; }
	div.product div.photo ul.photolist li a:before { padding: 0 12px; }
	div.case { height: 250px; background-position: calc(50% + 145px) 50%; }

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

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

	/* Home */
	.home div.preview { display: block; width: 100%; height: 300px; }
	.home div.preview.him { border-right: 1px solid rgba(0, 0, 0, 0.3); }
	.home div.preview.her { border-left: 1px solid rgba(0, 0, 0, 0.3); }
	.home div.products.him, .home div.products.her { border: 0; }
	.home div.products.him { padding-right: 0; }
	.home div.products.her { padding-left: 0; }
	.home div.about { width: 100%; }

	/* Product : Overview */
	div.product > div.photo { width: 240px; height: 240px; }
	div.product div.photo ul.photolist { bottom: -50px; }
	div.product div.photo ul.photolist li a { width: 35px; height: 35px; }
	div.product div.photo ul.photolist li a:before { right: -150px; width: 150px; line-height: 35px; }

	/* Instashop : Overview */
	div.instaitem > div.photo { width: 100%; }
	div.instaitem div.products { margin-top: 24px; padding: 0; max-height: unset; }
	div.instaitem div.products h2.title em.hide { display: inline-block; }
	div.instaitem section.product { margin: 2% !important; padding: 2% !important; width: calc((100% - 12%) / 3) !important; }
	div.instaitem section.product:nth-of-type(4) { display: none; }

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

	/* Advices */
	.advices section { padding: 8px 0 0; }
	.advices section:before { top: -8px; width: 45px; height: 45px; }
	.advices section strong { font-size: 12px; line-height: 18px; }
	.advices section.guarantee:before { background-position: 50% -42px; }
	.advices section.delivery:before { background-position: 50% -85px; }
	.advices section.shipping:before { background-position: 50% -130px; }
	.advices section.care:before { background-position: 50% -170px; }
	.advices section.return:before { background-position: 50% -215px; }
	}

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

	/* Container */
	div.b-all { margin: 0; width: 100%; }

	/* Header */
	header { height: 65px; }
	.scrolled header, .nobanner header { height: 66px; }
	a.logo, ul.menu, div.menu ul.icons { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
	ul.menu, div.menu ul.icons { margin-top: -3px; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
	a.brand { top: 11px; left: 108px; -webkit-transform: scale(0.8) rotate(-5deg); transform: scale(0.8) rotate(-5deg); }

	/* Banner */
	div.banner, div.fakeban { height: 180px; }
	div.banner, div.banner div.back, header:before { background-position: -350px 0; background-size: auto 180px; }
	.specialoffer-blackfriday.homepage div.banner { background-image: url('/img/back-home-blackfriday-mobile.jpg'); }
	.nobanner div.fakeban { height: 65px; }

	/* Home */
	.homepage div.banner { background-position: 50% 0; }
	.homepage div.banner, .homepage div.fakeban { max-height: 450px; }

	/* Menu */
	div.menu ul.lines { margin-top: 65px; }

	/* Menu Shop */
	div.menushop { top: 65px; }
	div.menushop:before { content: ''; position: absolute; top: 0; left: -20px; right: -20px; bottom: -1px; background: #fcfcfc; border-width: 0 0 1px 0; }

	/* Special Offer */
	div.specialoffer { height: 50px; }

	/* 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; }

	/* Filters */
	form.filters { top: 117px; }

	/* Product Overview */
	div.product { margin-top: 0; padding: 0; border-width: 0 0 1px 0; }
	div.product > div.photo { display: block; top: -1px; margin: 0 -20px; padding: 0; width: calc(100% + 40px); height: auto; border-width: 1px 0; border-color: rgba(0, 0, 0, 0.1); }
	div.product div.photo ul.photolist { left: 20px; bottom: 20px; }
	div.product div.photo ul.photolist li { padding-right: 15px; }
	div.product div.photo ul.photolist li a { width: 60px; height: 60px; }
	div.product div.photo ul.photolist li a:before { right: -100px; padding: 10px 15px; width: 100px; height: 60px; font-size: 12px; line-height: 20px; }
	div.product div.photo ul.photolist li a:not(.onher):before { color: #fcfcfc; }
	div.case { margin-top: 0; height: 210px; background-position: calc(50% + 120px) 50%; }
	div.product div.info { padding: 0 10px 30px 10px; }

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

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

	/* Register */
	div.register:after { top: 290px; left: 50px; right: 50px; bottom: unset; 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; }

	/* Socials */
	div.menu div.socials { transform: scale(0.8); transform-origin: 50% 100%; }

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

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

	/* Filters */
	form.filters { padding-left: 20%; }

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

	/* Advices */
	div.advices { padding: 5px 0; }
	.advices section { display: block; margin: 0 auto; padding: 15px 0 15px 65px; width: 190px; text-align: left; border-width: 1px 0 0 0; }
	.advices section:before { position: absolute; top: 12px; left: 10px; }

	/* Product Overview */
	div.product div.photo ul.photolist { left: 15px; bottom: 15px; }
	div.product div.photo ul.photolist li { padding-right: 10px; }
	div.product div.photo ul.photolist li a { width: 55px; height: 55px; }
	div.product div.photo ul.photolist li a:before { padding: 7px 15px; }
	}

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

	/* Home */
	.homepage div.banner { background-position: 50% 0; }

	/* Product Overview */
	div.case { background-position: calc(50% + 130px) 50%; }
	}

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

	/* Banner */
	div.banner, div.banner div.back, header:before { background-position: -400px 0; }

	/* Home */
	.homepage div.banner { background-position: 50% 0; }
	.home div.about a.button { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }

	/* Product Listing */
	section.product ul.icons { transform: scale(0.8); transform-origin: 50% 50%; }

	/* Instashop : Overview */
	div.instaitem section.product { margin: 2% !important; padding: 2.8% !important; width: calc((100% - 8%) / 2) !important; }
	div.instaitem section.product:nth-of-type(4) { display: inline-block; }

	/* Product Overview */
	div.case { height: 180px; background-position: calc(50% + 110px) 50%; }
	}

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

	/* Header */
	/* ul.menu ul li:not(.menu) { display: none; } */
	/* .scrolled ul.menu ul li:not(.menu), .nobanner ul.menu ul li:not(.menu), .homepage ul.menu ul li:not(.menu) { display: inline-block; } */
	body:not(.scrolled):not(.nobanner):not(.homepage) ul.menu li.icons { right: -100px; }
	body:not(.scrolled):not(.nobanner):not(.homepage) ul.menu li.icons ul li.menu { left: 10px; padding-right: 0; margin-right: 0; border: 0; }

	/* Banner */
	div.banner, div.banner div.back, header:before { background-position: 43.5% 0; }

	/* Home */
	.homepage div.banner { top: 15px; background-position: 50% 0; }
	.homepage div.banner, .homepage div.fakeban { max-height: 350px; }

	/* Filters */
	form.filters { padding-left: unset; background-image: none; }
	.filters ul:nth-of-type(1), .filters ul:nth-of-type(3) { border-left: 0; padding-left: 10px; }
	}

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

	/* Container */
	div.all { padding: 0 10px; margin: 0; width: 100%; }

	/* Header */
	body:not(.scrolled):not(.nobanner):not(.homepage) ul.menu li.icons ul li.menu { left: -10px; }
	a.brand { left: 115px; }
	ul.menu { right: 10px; }

	/* Menu */
	div.menu ul.lines { margin-left: 10px; margin-right: 10px; }
	div.menu a.logo { left: 10px; }
	div.menu div.menu ul.icons { right: 0; }

	/* Menu Shop */
	div.menushop:before { left: -10px; right: -10px; }
	.menushop a.collections { margin-left: 5px; }
	.menushop a.search, .menushop a.filters { margin-right: 5px; }

	/* Menu Account */
	.menushop.menuaccount ul li:first-of-type { padding-left: 10px; }
	.menushop.menuaccount ul li:last-of-type { padding-right: 10px; }

	/* Product : Listing */
	/* section.product { width: calc(100% - 2%); } */

	/* Product Overview */
	div.product > div.photo { margin: 0 -10px; width: calc(100% + 20px); }
	div.product div.photo ul.photolist li a { width: 50px; height: 50px; }
	div.product div.photo ul.photolist li a:before { padding: 5px 12px; font-size: 11px; line-height: 18px; }
	div.case { height: 160px; background-position: calc(50% + 100px) 50%; }

	/* Instashop : Title */
	h2.instashop { margin: 30px 0 25px; }
	h2.instashop strong { padding: 0 20px; font-size: 30px; width: 100%; }
	h2.instashop span { font-size: 40px; }

	/* Instashop : Listing */
	section.instaitem { width: calc((100% - 3%)); }

	/* Instashop : Overview */
	div.instaitem { padding-top: 10px; border-top: 0; }
	div.instashop div.instaitem > div.photo { display: none; }
	div.instashop div.instaitem div.products { margin-top: 0; }
	div.instaitem div.products h2.title em.hide { display: none; }

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

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

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

	/* Home */
	.homepage div.banner { top: 25px; background-position: 50% 0; }
	.homepage div.banner, .homepage div.fakeban { max-height: 280px; }
	.home div.preview.him a.button { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }
	.home div.preview.her a.button { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.home div.preview a.button span { display: none; }

	/* Product Listing */
	section.product h3 em { font-size: 10px; }
	section.product ul.icons { transform: scale(0.65); transform-origin: 50% 50%; }
	section.product form a.button { width: 40px; height: 40px; }
	a.button.cart::before { width: 40px; height: 40px; background-position: 0 -454px; }
	section.product form span.price { margin-right: 40px; font-size: 18px; line-height: 16px; }
	section.product form span.info { margin-right: 40px; }
	section.product form span.info span { display: none; }

	/* Product Overview */
	div.product div.photo ul.photolist li a { width: 45px; height: 45px; }
	div.product div.photo ul.photolist li a:before { padding: 2px 12px; }
	div.case { height: 150px; background-position: calc(50% + 90px) 50%; }

	/* Socials */
	footer .socials a { transform: scale(0.9); transform-origin: 50% 50%; }
	footer .socials a { margin: 10px 5px; }
	}

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

	/* Header */
	body:not(.scrolled):not(.nobanner):not(.homepage) ul.menu li.icons ul li.menu { left: 0; }
	body:not(.scrolled):not(.nobanner):not(.homepage) ul.menu li.icons ul li.menu a.menu { background-color: rgba(244, 244, 245, 0.8); border-radius: 3px; }

	/* Banner */
	div.banner, div.banner div.back, header:before { background-position: 42% 0; }

	/* Filters */
	form.filters { padding-right: 10px; }
	.filters ul { width: 55%; }
	.filters ul:nth-of-type(1), .filters ul:nth-of-type(3) { width: 45%; }

	/* Product Overview */
	div.case { height: 130px; background-position: calc(50% + 80px) 50%; }

	/* Instashop : Title */
	h2.instashop { margin-bottom: 20px; }
	h2.instashop span { font-size: 35px; }
	}

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