/* Default */
*, *:before, *:after { position: relative; margin: 0; border: none; border-style: solid; border-width: 0; border-color: rgba(0, 0, 0, 0.2); padding: 0; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cbox, .cbox * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-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: 'Open Sans', Arial, sans-serif; font-size: 0; line-height: 0; overflow-x: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: 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;
	}

/* Form & Others */
ul { list-style: none; }
.center { text-align: center; }
.hidden { display: none; }
.clear { clear: both; }
.right { float: right; }
.isfixed { visibility: hidden; }
.opacity { opacity: 0.7; }
input, textarea, select, option { font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; line-height: 20px; background: #fff; border-radius: 0; box-shadow: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	}
option[disabled] { color: #999; }
select { padding-right: 33px; background: #fff url('/img/icons.png?v11') no-repeat calc(100% + 2px) -531px; background-size: 38px auto; cursor: pointer; }
optgroup {font-style: normal; }
textarea { padding: 6px 8px; resize: none; }
textarea[data-title] { padding-top: 12px; }
textarea[data-autoresize] { overflow-x: hidden; }
input.field { height: 30px; padding: 0 8px; line-height: 28px; }
select.field { height: 30px; line-height: 28px; }
input.field, textarea, select, label.button { border-width: 1px; }
input[type="number"] { -moz-appearance: textfield; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.placeholder, input:placeholder-shown, textarea:placeholder-shown, label.select { color: rgba(0, 0, 0, 0.5); font-weight: normal !important; }
.placeholder:focus, input:focus:placeholder-shown, textarea:focus:placeholder-shown { color: rgba(0, 0, 0, 1); }
div.menucontent .placeholder, div.menucontent input:placeholder-shown, div.menucontent textarea:placeholder-shown { color: rgba(246, 246, 247, 0.4); font-weight: normal !important; }
div.menucontent .placeholder:focus, div.menucontent input:focus:placeholder-shown, div.menucontent textarea:focus:placeholder-shown { color: rgba(246, 246, 247, 1); }
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; }
input[data-checkempty]:focus:placeholder-shown { text-align: left !important; font-size: 12px !important; }
* a.touch { z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

/* Fonts */
h1, h2, h3, .title, .name, a.button, div.menu ul, ul.menuleft, div.calendar div:before,
form.login input.field, div.submenu p.infos, .header a.account sub:after, ul.brandlist li,
.big, .buttons, .itemoninput span.id, .groupfield label strong, .countdown, p.rexplain,
div.colsubmenu ul li a, ul.collistbottom li a, div.colsubmenu .more:before, ul.collistmenu li,
div.pane .PaylineWidget.pl-container-default .pl-pay-btn,
.header a.icon[data-text]:before, .bantitle a.icon[data-text]:before, span.help									{ font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: normal; }
div.submenu																										{ font-family: 'Open Sans', Arial, sans-serif; font-weight: normal; }
*[data-title]:before, *[data-title]:after, *[data-menutitle]:after,
div.bantitle div.title, div.bansearch div.title, ul.collist li a,
.pane.loading .paneall:before, h8																				{ font-family: 'Bdni' !important; }
div.infos label[data-title]:before																				{ font-family: 'Roboto Condensed' !important; }

@font-face { font-family: 'Bdni'; font-style: normal; font-weight: normal; src: url('/fonts/bodoni.woff') format('woff'); }

.fab			{ font-family: 'FAwesomeBrands' !important; }
.fal			{ font-family: 'FAwesomeFree' !important; font-weight: 300 !important; }
.far			{ font-family: 'FAwesomeFree' !important; font-weight: 400 !important; }
.fa, .fas		{ font-family: 'FAwesomeFree' !important; font-weight: 900 !important; }

@font-face { font-family: 'Bdni'; font-style: normal; font-weight: normal; src: url('/fonts/bodoni.woff') format('woff'); }
@font-face { font-family: 'RBcsd'; font-style: normal; font-weight: normal; src: url('/fonts/roboto.woff2') format('woff2'); }
@font-face { font-family: 'RBcsd'; font-style: normal; font-weight: bold; src: url('/fonts/robotobold.woff2') format('woff2'); }
@font-face {
	font-family: 'FAwesomeBrands'; font-style: normal; font-weight: normal;
	src: url('/fonts/f-brands-400.eot');
	src: url('/fonts/f-brands-400.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/f-brands-400.woff2') format('woff2'),
		 url('/fonts/f-brands-400.woff') format('woff'),
		 url('/fonts/f-brands-400.ttf') format('truetype'),
		 url('/fonts/f-brands-400.svg#fontawesome') format('svg');
	}
@font-face {
	font-family: 'FAwesomeFree'; font-style: normal; font-weight: 300;
	src: url('/fonts/f-light-300.eot');
	src: url('/fonts/f-light-300.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/f-light-300.woff2') format('woff2'),
		 url('/fonts/f-light-300.woff') format('woff'),
		 url('/fonts/f-light-300.ttf') format('truetype'),
		 url('/fonts/f-light-300.svg#fontawesome') format('svg');
	}
@font-face {
	font-family: 'FAwesomeFree'; font-style: normal; font-weight: 400;
	src: url('/fonts/f-regular-400.eot');
	src: url('/fonts/f-regular-400.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/f-regular-400.woff2') format('woff2'),
		 url('/fonts/f-regular-400.woff') format('woff'),
		 url('/fonts/f-regular-400.ttf') format('truetype'),
		 url('/fonts/f-regular-400.svg#fontawesome') format('svg');
	}
@font-face {
	font-family: 'FAwesomeFree'; font-style: normal; font-weight: 900;
	src: url('/fonts/f-solid-900.eot');
	src: url('/fonts/f-solid-900.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/f-solid-900.woff2') format('woff2'),
		 url('/fonts/f-solid-900.woff') format('woff'),
		 url('/fonts/f-solid-900.ttf') format('truetype'),
		 url('/fonts/f-solid-900.svg#fontawesome') format('svg');
	 }

/* Transitions */
a, div.overlay,
header, header:after, header a.logo, header div.h-menu a:before,
div.search, div.bansearch, div.bantitle, div.filters, ul.brandlist li,
label.button:before, label.button:after, div.colmenu, div.colsubmenu,
form.addtocart div.qty, form.addtocart div.sizes, form.addtocart a.zoom,
section.article div.infos, section.article div.photo, section.article div.infos:before,
div.pane .PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-input,
div.pane .PaylineWidget.pl-container-default .pl-pay-btn,
section.tools img, section.articlepromo h5 span.all {
	-webkit-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 200ms;
	-ms-transition-duration: 200ms;
	transition-duration: 200ms;
	}
form.addtocart a.cart {
	-webkit-transition-property: width;
	-ms-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 200ms;
	-ms-transition-duration: 200ms;
	transition-duration: 200ms;
	}
div.pane, .paneall {
	-webkit-transition-property: margin, opacity;
	-ms-transition-property: margin, opacity;
	transition-property: margin, opacity;
	-webkit-transition-duration: 200ms;
	-ms-transition-duration: 200ms;
	transition-duration: 200ms;
	}

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

/* Blue Theme */
body, input, textarea, select, option, header div.menu span.help											{ color: #000; }
*[data-title]:after																							{ color: #a39d87; }
header a span, .bansearch a.icon span																		{ color: rgba(0, 0, 0, 0.5); }
header a.account span, *[data-menutitle]:before, *[data-menutitle]:after									{ color: rgba(255, 255, 255, 0.7); }
*[data-badge]:after, header a.account, a.button,
footer, footer a, footer a:hover,
div.promolist a.remove, div.announce a, span.help															{ color: #fff; }
body, header, div.wcontent, div.popup, div.search, div.filters:not(.filterlabels),
section.article, section.article div.infosaaa, div.selections section										{ background-color: #fff; }
*[data-badge]:after, a.button, div.promolist a.remove														{ background-color: #1c2325; }
header a.ecart																								{ background-color: #005e7d; }
a.button.error																								{ background-color: #e84c3d; }
header .loader div.progress, div.search div.innersearch:before, span.help									{ background-color: #a39d87; }

/* Position */
div.wcontent { min-height: 100vh; }
div.wcontent:after { content: ''; display: table; clear: both; }
div.wrap { margin: 0 auto; /* width: 1350px; */ }
div.forcewrap { margin: 0 auto; width: 1350px; }
.sticky { z-index: 10; position: -webkit-sticky; position: sticky; }
.allwidth { display: block; margin-left: calc((100vw - 100%) / -2); width: 100vw; }

/* Badges */
*[data-badge]:after {
	content: attr(data-badge); z-index: 2; position: absolute; top: -8px; right: calc(100% - 47px); padding: 0 4px; min-width: 20px; height: 17px;
	font-size: 10px; line-height: 16px; font-weight: bold; text-align: center; border-radius: 5px; pointer-events: none;
	}
.header a.messages[data-badge]:after { background-color: #e84c3d; }

/* Default */
.loadcontent { min-height: 25px; }
.img { background-position: 50% 50%; background-size: cover; border-radius: 50%; border-width: 1px; }
div.text, p.text { word-wrap: break-word; }
.ellipsis, .contentheader h1, .item.event p, .itemoninput span.name, .itemoninput span.text,
.groupfield label strong, .pagepane ul.list li > a, .pagepane ul.list li.text strong {
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
	}
a.button { display: inline-block; padding: 0 15px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; border: 0; border-radius: 3px; }
a.button.grey { opacity: 0.35; }
a.button.hidden { display: none; }

h2.title { padding: 15px 15px 0; font-size: 17px; line-height: 50px; text-transform: uppercase; border: 0; }
h8 { display: block; padding: 50px 15px 0; font-size: 20px; line-height: 20px; text-align: center; font-weight: normal; text-transform: uppercase; border-width: 0; }
p { padding: 15px 0 0 0; font-size: 13px; line-height: 20px; }
p.line { margin-top: 15px; border-width: 1px 0 0 0; }
p.buttons { font-size: 0; line-height: 0; text-align: center; }
p.buttons a.button { margin: 0 5px; }

ul.user li.name { font-size: 16px; line-height: 22px; font-weight: bold; }
ul.user li.info { padding-right: 2px; font-size: 11px; line-height: 20px; opacity: 0.6; }

/* Error */
.error:not(.button) { border-color: #e84c3d !important; color: #e84c3d !important; }
input.error + h3.label, label.checkbox.error a { color: #e84c3d !important; }

/* Scroll */
.scroll { font-size: 12px; overflow: hidden; overflow-y: auto; }
.scroller { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.scroller.scroll { overflow-y: scroll; }
.overflow { overflow: hidden; }
.innerscroll { font-size: 0; }

/* Overlay */
.contentoverlay { z-index: 120; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); opacity: 0; pointer-events: none; }
.contentoverlay.active { opacity: 1; pointer-events: auto;
	-webkit-backdrop-filter: blur(4px) grayscale(0.20);
	-moz-backdrop-filter: blur(4px) grayscale(0.20);
	-ms-backdrop-filter: blur(4px) grayscale(0.20);
	-o-backdrop-filter: blur(4px) grayscale(0.20);
	backdrop-filter: blur(4px) grayscale(0.20);
	}

/* Select */
#content, div.popup, div.conversationcontent, div.pane, div.pagepane { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

/* Popup */
div.popup { z-index: 1005; position: fixed; top: 50vh; left: 50vw; width: 1050px; max-width: calc(100vw - 50px); height: 500px; max-height: calc(100vh - 50px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 3px; box-shadow: 0 0 50px rgba(0, 0, 0, 0.7); }
body.full div.popup { top: 50px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
div.popup a.exit { z-index: 1000; position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; cursor: pointer; background: #1c2325 url('/img/icons.png?v11') no-repeat 0 -760px; background-size: 40px auto; border: 1px solid rgba(255, 255, 255, 0.85); }
body.onlypopup div.popup a.exit { display: none; }
div.popupcontent { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; overflow-y: auto; }
div.popuparticle { width: 1032px; height: 600px; }
div.popupwithmyclient { width: 550px; height: 150px; }
div.popupstats { width: 550px; height: 150px; }
div.popuprecommend { width: 1150px; height: 650px; }
div.popupcgv { width: 1200px; height: 800px; }
div.popupparcel { width: 600px; height: 600px; }
div.popupconversation { width: 600px; height: 800px; }
div.popuplogas { width: 400px; height: 500px; }
div.popupannounce { width: 430px; height: 450px; }
div.popupbook { width: 1184px; height: 800px; -webkit-transform: translate(calc(-50% - 85px), -50%); transform: translate(calc(-50% - 85px), -50%); }
div.popupteach { width: 1050px; height: 650px; }
body[data-frame] div.popupteach { top: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; -webkit-transform: none !important; transform: none !important; }

div.popuplogo { display: inline-block; height: 100%; width: 60px; background: #1c2325 url('/img/logo-left.png') no-repeat 50% 5px; background-size: 85% auto; border-radius: 3px 0 0 3px; }
body[data-frame] div.popuplogo { border-radius: 0; }
div.popupteach div.popuplogo { display: inline-block !important; background-image: url('/img/logo-left-confidentiel.png'); }

div[class*="popupbanner"] { width: 1050px; height: 544px; border-width: 1px; }
div[class*="popupbanner"] div.popupcontent { overflow: hidden; }
div[class*="popupbanner"] div.popupcontent img { max-width: 100%; }

div.popupbanner-tombola { width: 1050px; height: 421px; }

/* Empty */
*[data-empty]:empty:before { content: attr(data-empty); display: block; font-size: 13px; line-height: 50px; text-align: center; }
.loading[data-empty]:empty:before { content: ''; }

/* Pane */
.pane { z-index: 999; position: fixed; top: 0; right: 0; bottom: 0; margin: 0 -350px 0 0; width: 350px; opacity: 0; background: #fff; box-shadow: 0 0 50px rgba(0, 0, 0, 0.7); pointer-events: none; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.pane a.exit { z-index: 50; position: absolute; top: 12px; right: 5px; width: 44px; height: 44px; cursor: pointer; background: url('/img/icons.png?v22') no-repeat 50% -902px; background-size: 50px auto; }
.pane a.exit:not(:hover) { opacity: 0.7; }
.paneall { z-index: 20; display: flex; flex-flow: column; width: 100%; height: 100%; }
.pane.active { margin: 0 !important; opacity: 1; pointer-events: auto; }

.pane[pane-align="left"] { left: 0; margin: 0 0 0 -380px; width: 380px; right: inherit; }
.pane[pane-width="col2"] { width: 682px; }

.pane.loading .paneall:before { z-index: 5; content: 'Chargement...'; position: absolute; padding: 0; top: 0; left: 0; right: 0; text-align: center; font-size: 18px; line-height: 70px; font-weight: normal; }
.pane.loading .paneall { pointer-events: none;
	-webkit-filter: grayscale(0.20);
	-moz-filter: grayscale(0.20);
	-ms-filter: grayscale(0.20);
	-o-filter: grayscale(0.20);
	filter: grayscale(0.20);
	}

.panesection, .panemore { display: flex; flex-flow: column; width: 350px; height: 100%; max-width: 100%; border-width: 0 1px 0 0; border-color: rgba(51, 63, 73, 0.35); box-shadow: 0 0 50px rgba(0, 0, 0, 0.15); }
.panemore:before { z-index: 15; content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 15px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }
.panemore { z-index: -1; width: 320px; background-color: #f6f6f7; }
.paneflex { flex: 1; width: auto; border-width: 0; }
.panemore + .panemore { z-index: -2; }
.panegrey { background: #f0f0f0; }

.paneheader { height: 70px; border-width: 0 0 1px; }
.paneheader h8 { position: absolute; margin: 0; padding: 0 0 0 20px; top: 50%; left: 0; right: 0; text-align: left; font-size: 18px; line-height: 20px; text-transform: none; border-width: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.paneheader h8 span.i { display: inline-block; top: 1px; margin: 0 12px 0 0; opacity: 0.7; }

.panecontent { flex: 1; display: flex; flex-flow: row; }
.panebottom { border-width: 1px 0 0; margin-bottom: -1px; }
.panefooter { border-width: 1px 0 0; }
.panefooter p.buttons { padding: 15px 0; }

.pane [data-cat], .pagepane [data-cat] { margin-top: 30px; }
.pane [data-cat]:before, .pagepane [data-cat]:before { content: attr(data-cat); position: absolute; top: -35px; padding: 15px 0 0 15px; width: 100%; height: 35px; font-size: 10px; line-height: 12px; color: #a39d87; color: rgba(0, 0, 0, 0.4); text-transform: uppercase; border-width: 0 0 1px 0; }

.panetabs { display: table; width: 100%; height: 51px; border-width: 0 0 1px; }
.panetabs ul { display: table-row; }
.panetabs ul li { display: table-cell; width: 50%; }
.panetabs[data-tabs="3"] ul li { width: 33.3333%; }
.panetabs[data-tabs="4"] ul li { width: 25%; }
.panetabs ul li a { display: block; height: 50px; font-size: 13px; line-height: 50px; text-align: center; opacity: 0.6; }
.panetabs ul li a:hover { opacity: 0.8; }
.panetabs ul li a.active { opacity: 1; border-bottom-width: 2px; }

.pane a.button, .pagepane a.button { padding: 0 12px; height: 40px; font-size: 14px; }

.pane label:not(.fakefile), .pagepane label:not(.fakefile) { display: flex; flex-direction: row; padding: 0; background: #fff; border-width: 0 0 1px 0; }
.pane label.block, .pagepane label.block { display: block; }
.pane label.hidden, .pagepane label.hidden { display: none; }
.pane label input, .pane label select, .pane label textarea, .pane label .fakefile,
.pagepane label input, .pagepane label select, .pagepane label textarea, .pagepane label .fakefile {
	display: block; margin: 0; padding: 12px 15px; width: 100%; height: 45px; font-size: 12px; line-height: 20px; background-color: transparent; border: 0;
	}
.pane label input[type="checkbox"], .pane label input[type="radio"],
.pagepane label input[type="checkbox"], .pagepane label input[type="radio"] {
	display: none;
	}
.pane label textarea, .pagepane label textarea { height: 150px; }

.pane label em, .pagepane label em { padding-left: 15px; width: inherit; height: 45px; font-size: 12px; line-height: 45px; font-style: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.pane label em + *, .pane label .fakefile, .pagepane label em + *, .pagepane label .fakefile { flex: 1; width: 140px; text-align: right; }
.pane label em + strong, .pagepane label em + strong { padding-right: 15px; font-size: 12px; line-height: 45px; font-weight: normal; text-align: right !important; }
.pane label em + select, .pagepane label em + select { padding-right: 38px; text-align: right !important; text-align-last: right !important; background-size: 36px auto; background-position: calc(100% - 2px) -499px; }
.pane label em + select.placeholder, .pagepane label em + select.placeholder { background-position-y: -1435px; }
.pane label em + select option, .pagepane label em + select option { padding-right: 0; text-align: left !important; text-align-last: left !important; }
@supports not(text-align-last: right){
	.pane label em + select, .pagepane label em + select { direction: rtl; }
	.pane label em + select option, .pagepane label em + select option { direction: ltr; }
	}

.pane label .viewname, .pagepane label .viewname { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.pane label .viewname[placeholder]:empty:before, .pagepane label .viewname[placeholder]:empty:before { content: attr(placeholder); position: absolute; top: 0; left: 0; bottom: 0; right: 15px; font-size: 12px; line-height: 45px; font-style: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; opacity: 0.3; }

.pane label.block em, .pagepane label.block em { float: left; width: 100px; }
.pane label.block em + *, .pagepane label.block em + * { width: calc(100% - 100px); }

.pane label.button, .pagepane label.button { display: block; margin: 0; padding: 12px 15px; height: auto; min-height: 45px; line-height: 20px; background: #fff; border-radius: 0; opacity: 1; }
.pane label.button.hidden, .pagepane label.button.hidden { display: none; }
.pane label.button:before, .pane label.button:after, .pagepane label.button:before, .pagepane label.button:after { content: ''; position: absolute; }
.pane label.button:before, .pagepane label.button:before { top: 13px; left: inherit; right: 14px; width: 35px; height: 20px; border-radius: 20px; opacity: 0.6; }
.pane label.button:after, .pagepane label.button:after { top: 14px; right: 30px; width: 18px; height: 18px; border-radius: 100%; opacity: 0.7; }
.pane label.button.active:before, .pagepane label.button.active:before { opacity: 0.8; }
.pane label.button.active:after, .pagepane label.button.active:after { content: '✔'; right: 15px; font-size: 12px; line-height: 18px; text-align: center; opacity: 1; }
.pane label.button span.img, .pagepane label.button span.img { float: left; margin: 0 8px 0 0; width: 20px; height: 20px; }
.pane label.button span.info, .pagepane label.button span.info { opacity: 0.6; }
.pane label.button:before, .pagepane label.button:before { opacity: 0.3; }

.pane label.button:before, .pagepane label.button:before { content: ''; top: calc(50% - 10px); right: 20px; height: 20px; width: 20px; font-size: 14px; line-height: 18px; background: transparent; border-width: 1px; border-radius: 5px; opacity: 0.7; }
.pane label.button:after, .pane label.button.active:after, .pagepane label.button:after, .pagepane label.button.active:after { content: '✔'; top: calc(50% - 10px); right: 20px; height: 20px; width: 20px; background: transparent; border-width: 0; opacity: 0; }
.pane label.button.active:before, .pane label.button.active:after, .pagepane label.button.active:before, .pagepane label.button.active:after { opacity: 1; }
.pane label.button:not(.active), .pagepane label.button:not(.active) { opacity: 0.7; }

.pane p.explain, .pagepane p.explain { padding: 12px 15px 15px; font-size: 12px; line-height: 20px; }
.pane p.explain + label:not(.fakefile), .pagepane p.explain + label:not(.fakefile) { border-top-width: 1px; }
.pane label.button p.explain, .pagepane label.button p.explain { padding: 2px 60px 0 0; font-size: 11px; line-height: 18px; opacity: 0.6; }
.pane label.button:not(.active) p.explain:not(.alwaysactive), .pagepane label.button:not(.active) p.explain:not(.alwaysactive) { display: none; }

.pane *[data-empty]:not([data-noemptyborder]):empty, .pagepane *[data-empty]:not([data-noemptyborder]):empty { border-width: 0 0 1px; }
.pane *[data-empty]:empty:before, .pagepane *[data-empty]:empty:before { display: block; padding: 12px 15px; height: 45px; font-size: 12px; line-height: 20px; text-align: center; opacity: 0.3; }

.pane div.text { padding: 10px 20px; }
.pane div.text p { font-size: 13px; line-height: 1.8em; }

/* Overlay */
div.overlay { z-index: 500; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); }
body.onlypopup:before { z-index: 490; content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; }
body.onlypopup div.overlay { background: #cecece; }
div.menuoverlay { z-index: 50; top: 100px; }
div.popupoverlay { z-index: 1000; }
div.overlay, div.menuoverlay {
	-webkit-backdrop-filter: blur(5px) grayscale(0.20);
	-moz-backdrop-filter: blur(5px) grayscale(0.20);
	-ms-backdrop-filter: blur(5px) grayscale(0.20);
	-o-backdrop-filter: blur(5px) grayscale(0.20);
	backdrop-filter: blur(5px) grayscale(0.20);
	}
div.menuoverlay:not(.active) { opacity: 0; pointer-events: none; }

/* Icons */
a.icon { display: inline-block; }
a.icon span { display: block; padding: 0 0 0 54px; font-size: 12px; white-space: nowrap; }
a.icon:empty:before { margin-right: 0; }
a.icon span em { font-style: normal; opacity: 0.7; }

.icon:before { content: ''; float: left; margin: 0 10px 0 0; width: 40px; height: 40px; background: #fff url('/img/icons.png?v11') no-repeat 0 0; background-size: 40px auto; border-width: 1px; }
.icon.reverse:before { background-color: #1c2325; border-radius: 3px; border-width: 0; }
.icon.i1:before { background-position: 50% 0; }
.icon.i2:before { background-position: 50% -40px; }
.icon.i3:before { background-position: 50% -80px; }
.icon.i4:before { background-position: 50% -120px; }
.icon.i5:before { background-position: 50% -160px; }
.icon.i6:before { background-position: 50% -200px; }
.icon.i7:before { background-position: 50% -240px; }
.icon.i8:before { background-position: 50% -280px; }
.icon.i9:before { background-position: 50% -320px; }
.icon.i10:before { background-position: 50% -360px; }
.icon.i11:before { background-position: 50% -400px; }
.icon.i12:before { background-position: 50% -440px; }
.icon.i12.reverse:before { background-position: 50% -1160px; }
.icon.i13:before { background-position: 50% -1440px; }
.icon.iclose:before { background-position: 50% -720px; }

/* New & Best */
a.icon.new:before, a.icon.best:before, a.icon.carry:before, a.icon.premieres:before { width: 52px; height: 52px; background-color: transparent; background-size: 52px auto; border: 0; }
a.icon.new:before { background-position: 50% -1248px; }
a.icon.best:before { background-position: 50% -1300px; }
a.icon.carry:before { background-position: 50% -1922px; }
a.icon.premieres:before { background-position: 50% -1820px; }

/* Add To Fav */
a.icon.addtofav:before { width: 30px; height: 30px; background-position: 50% -660px; background-size: 30px auto; border: 0; opacity: 0.7; }
a.icon.addtofav.active:before { background-position: 50% -690px; }
a.icon.addtofav:hover:before { opacity: 1; }

/* Add To Cart */
a.submit.cart, form.addtocart a.zoom { width: 40px; height: 40px; background-image: url('/img/icons.png?v11'); background-repeat: no-repeat; background-position: 50% -480px; background-size: 40px auto; }
form.addtocart a.zoom { background-position: 50% -1560px; opacity: 0.2; }
section.article:hover form.addtocart a.zoom { opacity: 0.5; }
section.article form.addtocart a.zoom:hover { opacity: 1; }

/* All To Cart */
a.button.alltocart { padding-left: 45px; background-image: url('/img/icons.png?v11'); background-repeat: no-repeat; background-position: 5px -480px; background-size: 40px auto; }

/* Help */
span.help { display: inline-block; margin-left: 4px; width: 15px; height: 15px; font-size: 10px; line-height: 15px; text-align: center; vertical-align: text-top; border-radius: 50%; }

/* Label */
em.label { display: inline-block; margin: 0 0 0 5px; padding: 0 4px; font-size: 12px; color: #fff; font-weight: bold; font-style: normal; text-transform: lowercase; background: #000; border-radius: 3px; }

/* Loading Icon */
.loadcontent.table.loading:after, .overlay.loading:after { z-index: 150; content: ''; display: block; margin: 30px auto 0; top: -15px; width: 35px; height: 35px;
	background-color: #1c2325; background-size: 50% auto; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 50%; pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0%25 0%25; display: block;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Crect fill='%23ffffff' x='15' y='15' width='30' height='30' rx='3' ry='3'%3E%3Canimate attributeName='x' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='-1.8333333333333333s'%3E%3C/animate%3E%3Canimate attributeName='y' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='-1.3333333333333333s'%3E%3C/animate%3E%3C/rect%3E%3Crect fill='rgba(255, 255, 255, 0.6652257808562247)' x='15' y='15' width='30' height='30' rx='3' ry='3'%3E%3Canimate attributeName='x' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='-1.1666666666666667s'%3E%3C/animate%3E%3Canimate attributeName='y' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='-0.6666666666666666s'%3E%3C/animate%3E%3C/rect%3E%3Crect fill='rgba(255, 255, 255, 0.21232255504977315)' x='15' y='15' width='30' height='30' rx='3' ry='3'%3E%3Canimate attributeName='x' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='-0.5s'%3E%3C/animate%3E%3Canimate attributeName='y' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='0s'%3E%3C/animate%3E%3C/rect%3E%3C/svg%3E")
	}
.overlay.loading:after { position: absolute; margin: 0; top: 50%; left: 50%; width: 50px; height: 50px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* Header */
header { z-index: 200 !important; top: 0 !important; left: 0; right: 0; padding-top: 7px; height: 134px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
body[data-scrolled] header { top: -82px !important; }
header div.loader { position: absolute; top: 0; left: 0; right: 0; height: 2px; }
header .loader div.progress { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }
header div.header { display: flex; flex-direction: row; padding: 0 20px; }

.header a.logo { display: inline-block; margin: 0 15px 0 -5px; width: 165px; height: 75px; background: url('/img/logo-header.png') no-repeat 0 50%; background-size: 305px auto; }
.header a.icon { margin: 15px 10px 0 0; font-size: 16px; line-height: 24px; }
.header a.icon:before { width: 44px; height: 44px; background-size: 42px auto; }
.header a.icon:hover:before, .header a.icon.active:before, .bantitle a.icon:hover:before, .bantitle a.icon.active:before { border-color: rgba(0, 0, 0, 0.5); }
.header a.icon span { display: block; font-size: 12px; line-height: 16px; }
.header a.menu { display: none; }
.header a.menu:before { background-position: 50% 0; }
.header a.home:before { background-position: 50% -42px; }
.header a.catalog:before { background-position: 50% -210px; }
.header a.cart:before { background-position: 50% -168px; }
.header a.cart:not([data-badge]):before, .header a.cart[data-badge="0"]:before { background-position: 50% -126px; }
.header a.search:before { background-position: 50% -84px; }
.header a.account:before { background-position: 50% -252px; }
.header a.withmyclient:before { background-position: 50% -1092px; }
.header a.book:before { background-position: 50% -1134px; }
.header a.conversation:before { background-position: 50% -1176px; }
.header a.logas:before { background-position: 50% -1260px; }
.header a.import:before { background-position: 50% -1344px; }
.header a.divers:before { background-position: 50% -1386px; }
.header a.ja:before { background-position: 50% -1428px; }
.header a.stats:before { background-position: 50% -1722px; }
.header a.tools:before { background-position: 50% -1932px; }
.header a.notifications:before { background-position: 50% -1806px; }
.header a.notifications:not([data-badge]):before, .header a.notifications[data-badge="0"]:before { background-position: 50% -1764px; }
.header a.messages:before { background-position: 50% -1890px; }
.header a.messages:not([data-badge]):before, .header a.messages[data-badge="0"]:before { background-position: 50% -1848px; }

.header a.icon[data-text]:before, .bantitle a.icon[data-text]:before { content: attr(data-text); padding: 0 10px 0 42px; width: auto; font-size: 16px; line-height: 42px; background-position-x: 0; }
.header a.icon.noicon[data-text]:before, .bantitle a.icon.noicon[data-text]:before { padding-left: 10px; }
.bantitle a.icon[data-text]:before { font-size: 16px; line-height: 38px; }

.header div.h-menu { flex: 1; }
.header div.h-options { margin: 15px 0 0 5px; padding: 0 0 0 5px; height: 44px; border-width: 0 0 0 1px; }
.header div.h-options a.icon { margin: 0 0 0 10px; }

/* Cart */
.header a.cart.activecart:after, .bansearch a.cart.activecart:after, .bantitle a.cart.activecart:after {
	-webkit-animation: activecart .25s 1 ease;
	animation: activecart .25s 1 ease;
	}
@-webkit-keyframes activecart {
	from { -webkit-transform: scale(20); opacity: 0; }
	to { -webkit-transform: scale(1); opacity: 1; }
	}
@keyframes activecart {
	from { transform: scale(20); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
	}

/* Cart */
.header a.cart { margin-right: 0; width: 140px; }

/* Account */
.header a.account { z-index: 150; width: 195px; margin-right: 0; }
.header a.account span { padding: 0; width: 110px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.header a.account sub { z-index: -1; content: ''; position: absolute; top: -45px; left: 17px; width: 160px; height: 160px; background: url('/img/back-account.jpg') no-repeat 50% 50%; background-size: cover; border: 2px solid #fff; border-radius: 50%; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); overflow: hidden; }
.header a.account sub:before { content: ''; position: absolute; bottom: 0; left: 16px; width: calc(100% - 16px * 2); height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.3); }
.header a.account000 sub:after { content: ''; position: absolute; bottom: 0; left: calc(50% - 20px); width: 40px; height: 40px; background: url('/img/icons.png?v=5') no-repeat 50% -527px; background-size: 40px auto; }
.header a.account sub:after { content: 'Mon compte'; position: absolute; bottom: 0; left: 0; right: 0; height: 40px; font-size: 12px; line-height: 24px; text-align: center; text-transform: uppercase; }

/* Menu */
header div.menu { position: absolute; bottom: 4px; left: 0; right: 0; padding: 0 20px; height: 45px; background: #1c2325 url('/img/back-footer.jpg') no-repeat 50% 50%; background-size: cover; }
header div.menu:before, header div.menu:after { position: absolute; content: ''; left: 0; right: 0; height: 4px; background: #fff; border-color: rgba(0, 0, 0, 0.4); }
header div.menu:before { top: -4px; border-width: 1px 0 0; opacity: 0.3; }
header div.menu:after { bottom: -4px; border-width: 0 0 1px; opacity: 0.7; }
header div.menu div.wrap { height: 100%; /* padding-right: 115px; */ }

header div.menu ul.menu { display: inline-block; margin: 0 0 0 30px; padding: 0; height: 100%; }
header div.menu ul.menu:first-of-type { margin-left: 0; }

*[data-menutitle]:before { content: attr(data-menutitle); display: inline-block; margin-right: 5px; height: 100%; font-size: 12px; line-height: 44px; text-transform: uppercase; }
*[data-menutitle]:after { z-index: 1; content: '/'; position: absolute; top: 0; left: -3px; font-size: 22px; line-height: 42px; font-weight: normal; }

header div.menu ul.menu > li { display: inline-block; height: 100%; line-height: 100%; }
header div.menu ul.menu > li > a { display: inline-block; padding: 0 5px; height: 45px; font-size: 12px; line-height: 44px; text-transform: uppercase; color: #fff; }
header div.menu ul.menu > li:hover > a { border-bottom: 2px solid #fff; }
header div.menu ul.menu > li > a em { font-style: normal; }
header div.menu ul.menu > li > a span { padding: 0; }

header div.menu ul.submenu, header div.menu div.submenu { z-index: 100; display: none; position: absolute; left: -10px; padding: 12px 15px; background: #1c2325; }
header div.menu li:hover ul.submenu, header div.menu li:hover div.submenu { display: block; }
header div.menu ul.submenu li { display: block; }
header div.menu ul.submenu li a { display: block; font-size: 12px; line-height: 24px; text-transform: uppercase; color: #fff; white-space: nowrap; }
header div.menu ul.submenu li a:hover { text-decoration: underline; }

header div.menu div.submenu p { padding-top: 10px; font-size: 12px; line-height: 18px; }
header div.menu div.submenu p:first-child { padding-top: 0; }
header div.menu div.submenu p.infos { position: absolute; bottom: 7px; right: 20px; padding: 0; font-size: 10px; line-height: 30px; text-transform: uppercase; border-width: 1px 0 0; }
header div.menu div.submenu span.infos { opacity: 0.7; }

header div.menu ul.menudeals { float: right; margin-right: 170px; }

header div.menu ul.menucashback { display: flex; flex-direction: row; float: right; width: 269px; }
header div.menu ul.menucashback li { flex: 1; }
header div.menu ul.menucashback a.full { width: 100%; }
header div.menu ul.menucashback a.full:before { z-index: 5; content: ''; position: absolute; top: 0; left: -80px; right: -5px; bottom: 0; }
header div.menu ul.menucashback div.submenu { left: inherit; right: -1px; padding: 15px 20px 0 60px ; width: 370px; height: 170px; text-align: right; background: #fff url('/img/icon-bank.png') no-repeat -25px 20px; background-size: 130px auto; border-width: 0 1px 1px; }
header div.menu ul.menucashback span.button { position: absolute; right: 0; }

header div.menu span.help { display: block; margin: 14px 0 0 4px; }
header div.menu span.button { display: inline-block; margin: 11px 0 0 10px; padding: 0 5px !important; font-size: 11px; line-height: 21px; color: #fff; border-width: 1px; border-color: rgba(255, 255, 255, 0.4); border-radius: 2px; text-transform: none; height: auto; }

/* No Header */
body.noheader header { padding: 0; height: 2px; }
body.noheader header > div:not(.loader) { display: none; }
body.noheader div.bantitle.sticky { top: 2px; height: 71px; border-width: 0 0 1px; }
body.noheader pagecontent .table.excel.sticky { top: 2px; }
body.noheader.pagewithtitle .pagecontent .table.excel.sticky { top: 73px; }
body.noheader div.pagepane[data-pane="menu"] div.pagepaneinner { top: 172px; height: calc(100vh - 168px); }
body.noheader div.pagepane[data-pane="largemenu"] div.pagepaneinner { top: 172px; height: calc(100vh - 168px); }
body.noheader.page-vitrine div.pagepane[data-pane="largemenu"] div.pagepaneinner { top: 119px; height: calc(100vh - 119px); }

/* Page */
body.page #content { display: flex; flex-direction: row; min-height: 100vh; }
body.pagewithtitle div.bantitle { position: fixed; width: 100%; }
body.pagewithtitle.pagewithmenu div.bantitle { width: calc(100% - 271px); }
body.pagewithtitle.pagewithlargemenu div.bantitle { width: calc(100% - 301px); }
body.pagewithtitle #content { margin-top: 71px; }
body.pagewithmenu div.bantitle { left: 271px; }
body.pagewithlargemenu div.bantitle { left: 301px; }
div.pagecontent { flex: 1; }

div.pagepane { border-width: 0 1px 0 0; background: #f0f0f0; }
div.pagepane.pagepaneright { border-width: 0 0 0 1px; }
div.pagepaneinner { position: fixed; display: flex; flex-direction: column; /* top: 134px; */ height: calc(100vh - 134px); }
div.pagepanecontent { flex: 1; }
body.pagewithtitle div.pagepaneinner { height: calc(100vh - 205px); }
div.pagepane[data-pane="menu"], div.pagepane[data-pane="largemenu"] { z-index: 25; top: -71px; width: 271px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
div.pagepane[data-pane="menu"] div.pagepaneinner, div.pagepane[data-pane="largemenu"] div.pagepaneinner { top: 304px; width: 270px; height: calc(100vh - 303px); }
div.pagepane[data-pane="info"] { width: 371px; } div.pane div.panecontent div.pagepane[data-pane="info"]:last-of-type, div.pagepane[data-pane="info"] div.pagepaneinner { width: 370px; }
div.pagepane[data-pane="more"] { width: 341px; } div.pane div.panecontent div.pagepane[data-pane="more"]:last-of-type, div.pagepane[data-pane="more"] div.pagepaneinner { width: 340px; }
div.pagepane[data-pane="filters"] { width: 301px; } div.pagepane[data-pane="filters"] div.pagepaneinner { width: 300px; }
div.pagepane[data-pane="largemenu"] { width: 301px; } div.pagepane[data-pane="largemenu"] div.pagepaneinner { width: 300px; }

.pane[pane-width="info"] { width: 370px; }
.pane[pane-width="infomore"] { width: 711px; }
.pane[pane-width="message"] { width: 690px; }

.pane[pane-width="cart"] { overflow: visible; }
.pane[pane-width="cart"] .panemore.panecart { z-index: 2; position: absolute; top: 0; right: 100%; width: 620px; max-width: inherit; background: #fff; box-shadow: -5px 0px 20px rgba(0, 0, 0, 0); opacity: 1; }
.pane[pane-width="cart"] .panemore.panefilters { z-index: 1; position: absolute; top: 0; right: calc(100% + 620px); max-width: inherit; background: #f0f0f0; box-shadow: -15px 0px 30px rgba(0, 0, 0, 0.15); opacity: 1; }
.pane[pane-width="cart"] .panemore:before { display: none; }
.pane[pane-width="cart"] div.cart { padding: 0 20px; }
.pane[pane-width="cart"] div.cart section.cart { margin: 0; }
.pane[pane-width="cart"] div.cart section.cart div.infos ul { position: absolute; display: block; max-width: auto; max-height: 20px; overflow: hidden; }
.pane[pane-width="cart"] div.cart section.cart div.infos span.stock { display: inline-block; margin-left: 16px; }
.pane[pane-width="cart"] div.cart section.cart div.infos span.stock:after { display: block; position: absolute; top: 8px; left: -12px; margin: 0; }
.pane[pane-width="cart"] div.cart section.cart div.options { position: absolute; bottom: 20px; left: 115px; right: 0; margin: 0; padding: 11px 0 0; border-width: 1px 0 0; border-style: dashed; }
.pane[pane-width="cart"] div.cart section.cart div.options div { margin: 0; padding: 0 12px; height: 40px; }
.pane[pane-width="cart"] div.cart section.cart div.options div:first-of-type { padding-left: 0; border-width: 0; }
.pane[pane-width="cart"] div.cart section.cart div.options div.cm { flex: 1; }
.pane[pane-width="cart"] div.cart section.cart div.options div.cm label.button { display: none; }
.pane[pane-width="cart"] div.cart section.cart div.options div.total { padding-right: 0; }
.pane[pane-width="cart"] div.cart section.cart div.options div.delete { position: absolute; right: -10px; top: -50px; padding: 0; border: 0; }
.pane[pane-width="cart"] div.cart section.cart div.options div.delete a.icon:before { background-color: transparent; border: 0; }
.pane[pane-width="cart"] div.cart section.cart div.options div.delete a.icon:not(:hover) { opacity: 0.35; }
@media only screen and (max-width: 1290px){
	.pane[pane-width="cart"] { width: 25vw; }
	.pane[pane-width="cart"] .panemore.panecart { width: 52vw; }
	.pane[pane-width="cart"] .panemore.panefilters { width: 20vw; right: calc(100% + 52vw); }
	}

div.pane div.pagepaneinner { height: calc(100% - 70px) !important; }
div.pane div.panecontent div.pagepane:last-of-type { border-right-width: 0; }

.pagepane h3.header { font-size: 14px; line-height: 50px; text-align: center; border-width: 0 0 1px; }

.pagepane ul.list li { display: block; border-width: 0 0 1px; font-size: 12px; line-height: 22px; background: #fff; }
.pagepane ul.list li > a { display: block; padding: 10px 15px 10px 45px; border-left: 2px solid transparent; }
.pagepane ul.list li:not(.photo) > a:hover { background-color: rgba(51, 63, 73, 0.025); }
.pagepane ul.list li > a.active { background-color: rgba(51, 63, 73, 0.075); border-left: 2px solid #333f49; }
.pagepane ul.list li > a.disabled { opacity: 0.7; pointer-events: none; }
.pagepane ul.list li > a.hidden { display: none; }

.pagepane ul.list li.photo { display: block; padding: 10px 15px 10px 15px; }
.pagepane ul.list li.photo a { display: block; padding: 0; border: 0; }
.pagepane ul.list li.photo img { display: block; width: 100%; mix-blend-mode: darken; }

.page-vitrine .pagepane ul.list li.photo { padding: 0; }

.pagepane ul.list li.text { display: flex; padding: 10px 15px 10px 15px; flex-direction: row; }
.pagepane ul.list li.text em { padding-right: 10px; font-style: normal; opacity: 0.7; }
.pagepane ul.list li.text strong { flex: 1; text-align: right; font-weight: normal; }

.pagepane div.filters { top: 0; }
.pagepane ul.list li > a[data-badge]:before { top: 49.9%; right: 15px; text-shadow: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.pagepane ul.list li > a span.icon { z-index: 1; position: absolute; top: 1px; left: 0; bottom: 0; width: 50px; height: 42px; font-size: 14px; line-height: 42px; text-align: center; opacity: 0.8; pointer-events: none; }
.pagepane ul.list li > a:hover span.icon { opacity: 0.85; }
.pagepane ul.list li > a.active h { opacity: 1; }

.pagepane .filters ul.list li { line-height: 24px; }
.pagepane ul.list li a span.icon:before { content: inherit; }

/* Slides */
div.slides { z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
div.slides .swiper-wrapper { display: flex; flex-direction: row; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
div.slides .swiper-wrapper > div { flex: 0 0 100%; }

div.swiper-pagination { z-index: 2; position: absolute; text-align: center; pointer-events: none; }
[data-photos="1"] div.swiper-pagination { display: none; }
.swiper-horizontal div.swiper-pagination { bottom: 20px; left: 50%; height: 30px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.swiper-vertical div.swiper-pagination { top: 50%; right: 20px; width: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.swiper-pagination-bullet { display: inline-block; width: 30px; height: 30px; pointer-events: auto; cursor: pointer; }
.swiper-pagination-bullet:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background: #fff; border-width: 1px; border-color: #000; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.3;
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	-ms-backdrop-filter: blur(5px);
	-o-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	}
.swiper-pagination-bullet:hover:before { opacity: 0.5; }
.swiper-pagination-bullet-active:before { opacity: 1 !important; }

/* Home Slides */
div.homeslides { white-space: nowrap; overflow: hidden; border-width: 0 0 1px; }
div.homeslides div.slide { width: 100%; padding: 40% 0 0; }
div.homeslides div.slide picture, div.homeslides div.slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }

/* Vitrine Slides */
div.vitrineslides { padding: 60px 0 0; width: 100%; height: 100%; white-space: nowrap; overflow: hidden; }
div.vitrineslides .swiper-slide { width: 380px; height: 300px; }
div.vitrineslides div.slide { width: 100%; height: 100%; }
div.vitrineslides div.slide div.info { position: absolute; bottom: -55px; left: 0; right: 0; text-align: center; }
div.vitrineslides div.slide div.info strong { font-size: 14px; line-height: 22px; }
div.vitrineslides div.slide div.info span { display: block; padding: 0; font-size: 12px; line-height: 22px; opacity: 0.5; }
div.vitrineslides div.slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }

/* Video */
div.video { width: 100%; padding: 45% 0 0; overflow: hidden; }
div.video video { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
div.video iframe { position: absolute; top: -15%; left: 0; right: 0; bottom: 0; width: 100%; height: 130%; pointer-events: none; }
div.videoactive iframe { pointer-events: auto; }
div.video.contrast iframe {  -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?v5') 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; }
div.video.player { background: #000; }

/* Menu Left */
div.menuleftheader { position: fixed; display: block; height: 170px; width: 270px; border-width: 0 0 1px; }
.pagewithlargemenu div.menuleftheader { width: 300px; }
div.menuleftheader h8 { display: block; margin: 0 20px; padding: 15px 0; font-size: 18px; line-height: 40px; text-transform: none; color: rgba(0, 0, 0, 0.7); border-width: 0 0 1px; }
div.menuleftheader h8 span { margin: 0 0 0 5px; padding: 0 0 0 4px; color: #000; }
div.menuleftheader h8 span[data-title]:before { content: ''; display: inline-block; padding: 0; }
div.menuleftheader h8 span[data-title]:after { line-height: 22px; }

.page-vitrine div.menuleftheader { height: 117px; }
.page-vitrine div.menuleftheader h8 { margin: 0; }

ul.menuleft li { height: 52px; border-width: 0 0 1px 0; }
ul.menuleft li a { display: block; padding: 0 15px 0 45px; height: 100%; font-size: 15px; line-height: 50px; background: #fff; border-left: 2px solid transparent; overflow: hidden; }
ul.menuleft li a[data-badge]:after { top: 49.9%; right: 15px; text-shadow: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
ul.menuleft li a:hover { background: rgba(255, 255, 255, 0.4); border-left: 2px solid rgba(0, 0, 0, 0.5); }
ul.menuleft li a.active { color: #fff; background: #1c2325 url('/img/back-footer.jpg') no-repeat 50% 50%; background-size: cover; border-color: transparent; }

ul.menuleft li a span.i { z-index: 1; position: absolute; top: 1px; left: 0; bottom: 0; width: 50px; height: 50px; font-size: 14px; line-height: 50px; text-align: center; opacity: 0.7; overflow: hidden; pointer-events: none; }
ul.menuleft li a:hover span.i, ul.menuleft li a.active span.i { opacity: 1; }

/* Search */
body.searching header a.search:before { background-position: 50% -756px; }

div.search { z-index: 400; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; pointer-events: none; overflow: hidden; }
div.search div.innersearch { position: absolute; display: flex; flex-direction: column; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
div.search div.innersearch:before { z-index: 10; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; }
body.searching div.search { opacity: 1; pointer-events: auto; }

div.bansearch { display: block; top: -50px; padding: 15px 20px; border-width: 0 0 1px; background: #fff; }
body.searching div.bansearch { top: 0; margin-top: 2px; }
div.bansearch div.banblur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; border: 0; }
div.bansearch div.title { margin-right: 20px; pointer-events: none; }
div.bansearch div.wrap { display: flex; flex-direction: row; }

.bansearch a.cart { width: 130px; font-size: 14px; line-height: 22px; }
.bansearch a.cart span { padding: 0; font-size: 12px; line-height: 16px; }
.bansearch a.cart:before { background-position: 50% -161px; }
.bansearch a.cart:not([data-badge]):before, .bansearch a.cart[data-badge="0"]:before { background-position: 50% -121px; }
.bansearch a.closearch { -webkit-filter: invert(1); filter: invert(1); }

div.bansearch div.sorting { flex: 1; display: flex; flex-direction: row; }
div.bansearch div.sorting input.search { flex: 1; margin: 0; padding-left: 40px; background-position: 0 -76px; }

div.searchcontent { flex: 1; display: flex; flex-direction: row; }
div.searchcontent > div.wrap { display: flex; flex-direction: row; width: 100%; }
div.searchcontent div.filters { float: none; top: 0; margin: 20px 0 0 20px; height: calc(100% - 40px); }
div.searchresults { flex: 1; left: 10px; margin-right: -10px; }
div.searchresults div.innerscroll { padding-right: 10px; }

/* ColMenu */
div.colmenu { z-index: 205; position: fixed; top: 81px; left: 0; right: 0; /* height: 420px; */ background: #f2f2f2 url('/img/back-colmenu.jpg'); background-repeat: no-repeat; background-size: 100% auto; background-position: 50% 100%; border-width: 1px 0; box-shadow: 0px 30px 50px -30px rgba(0, 0, 0, 0.7) }
div.colmenu:not(.active) { top: 41px; opacity: 0; pointer-events: none; }

div.colmenu > div.wrap { height: 100%; padding: 0 0 0 195px; }
div.colmenu > div.wrap:before { content: ''; position: absolute; top: -80px; left: 150px; width: 280px; height: 80px; background: transparent; }

div.colmenu[rel="generique"] { background-image: url('/img/back-colmenu-generique.jpg') }
div.colmenu[rel="generique"] > div.wrap:before { left: 301px; width: 106px; }

div.colmenu[rel="brands"] { background-image: url('/img/back-colmenu-brands.jpg') }
div.colmenu[rel="brands"] > div.wrap:before { left: 185px; width: 126px; }

div.colmenuflex { display: grid; grid-auto-flow: dense; grid-template-columns: repeat(3, 1fr); gap: 0; width: 720px; max-width: calc(100% - 100px); }

ul.collistmenu { display: inline-block; margin: 30px 0 0; padding: 0 0 0 17px; min-width: 180px; border-width: 0 0 0 1px; }
ul.collistmenu:first-of-type { margin-left: 0; }
ul.collistmenu.double { grid-column: span 2; }

ul.collistmenu li { display: block; padding: 0; font-size: 16px; line-height: 1.7em; }
ul.collistmenu li.title { padding: 0 0 0.4em; font-size: 20px; }
ul.collistmenu li.padding { padding-top: 0.4em; }
ul.collistmenu li.opacity { font-size: 14px; }
ul.collistmenu li a:hover { text-decoration: underline; }

ul.collistmenu li.more { position: absolute; top: 30px; left: calc(50% + -1px); width: 50%; opacity: 0.7; }
ul.collistmenu li.more ul { display: inline-block; margin: 12px 0 0 0; padding: 0 0 0 17px; width: 47%; border-width: 0 0 0 1px; }
ul.collistmenu li.more ul li { font-size: 13px; line-height: 1.6em; }
ul.collistmenu li.more ul li.title { grid-column: span 2; font-size: 14px; }

ul.collistbottom { display: block; margin: 30px 0 20px 0; padding: 15px 0 0; width: calc(78% - 110px); border-width: 1px 0 0; }
ul.collistbottom li { display: inline-block; margin: 0 0 0 10px; }
ul.collistbottom li:first-of-type { margin-left: 0; }
ul.collistbottom li a { display: block; padding: 0 8px; font-size: 15px; line-height: 40px; border-width: 1px; }
ul.collistbottom li a:hover, ul.collistbottom li a.active { border-color: rgba(0, 0, 0, 0.5); }

/* Player */
div.player00 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; pointer-events: none; overflow: hidden; }
div.playerinline00 { display: block; position: relative; width: 100%; pointer-events: auto; }
div.playerinline00:before { z-index: 5; content: ''; display: block; padding-top: 50%; pointer-events: none; border-width: 1px; }
div.player00 iframe { position: absolute; top: -50%; left: -2%; width: 104%; height: 200%; }
div.player00.playerwithcontrols iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

div.playerhome00 { display: block; position: relative; pointer-events: auto; }
div.playerhome00:before { content: ''; display: block; padding-top: 26%; pointer-events: none; }

/* Bottom */
footer { margin-top: 3px; text-align: center; background: #1c2325 url('/img/back-footer.jpg') no-repeat 50% 50%; background-size: cover; border-width: 1px 0 0; }
footer::before { content: ''; position: absolute; top: -4px; left: 0; right: 0; height: 4px; background: #fff; border-width: 1px 0 0 0; border-color: rgba(0, 0, 0, 0.4); opacity: 0.7; }
body.page footer { display: none; }

footer a.logo { display: inline-block; margin: 0 70px 20px 0; width: 350px; height: 150px; background: url('/img/logo-white.png') no-repeat 50% 50%; background-size: contain; vertical-align: middle; }
footer ul { display: inline-block; margin: 40px 0; padding: 0 50px; border-width: 0 0 0 1px; border-color: rgba(255, 255, 255, 0.2); vertical-align: middle; }
footer ul li { padding: 10px 0; font-size: 14px; line-height: 22px; text-align: center; }
footer ul li strong { display: block; }

/* Banner */
div.banner { padding-top: 20%; height: auto; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-width: 0 0 1px 0; }
div.banner div[data-u="slides"] { position: absolute; top:0; left:0; overflow: hidden; }
div.banner div.arrow { position: absolute; cursor: pointer; width: 150px; height: 100%; }

/* Banner : Home */
div.banner.home { margin-top: 20px; height: auto; border-width: 1px 0; overflow: hidden;  }
#slidehome, #slidehome div[data-u="slides"]{ width: 1920px; height: 500px; }
#slidehome p { position: absolute; top: 30px; left: 56%; right: 20px; bottom: 50px; padding: 20px; font-size: 20px; line-height: 30px; }

/* Banner : Account */
div.banner.account { height: 150px; text-align: center; }
div.banner.account a { display: inline-block; top: 40px; margin: 0 0 0 15px; padding: 50px 0 10px; width: calc((100% - 110px) / 8); font-size: 16px; line-height: 30px; font-weight: bold; background: #fff; border-width: 1px; opacity: 0.8; }
div.banner.account a:first-of-type { margin-left: 0; }
div.banner.account a:hover { opacity: 1; }

/* Banleft : Home */
div.banleft { float: left; margin: 20px 20px 0 0; width: 400px; }
div.banleft a { display: block; }
div.banleft a + a { margin-top: 20px }

/* Announces */
div.announces a { display: block; }
div.announces a:not(:first-of-type) { border-width: 1px 0 0 0; }
div.announces a img { display: block; width: 100%; }

/* Menu announces */
div.menuannounces { float: left; }
header div.menu div.menuannounces ul.menu > li > a { height: 44px; }

/* Brand List */
ul.brandlist { display: table; margin: 40px; border-spacing: 20px; }
ul.brandlist li { display: table-cell; padding: 0.95em; width: calc(100vw / 9 - 30px); height: calc(100vw / 9 - 30px); font-size: 1.2vw; line-height: 1.4em; text-align: center; vertical-align: middle; background: #fff; border-width: 1px; border-color: rgba(0, 0, 0, 0.8); border-radius: 50%; }
ul.brandlist li:hover { color: #fff; background: #000; border-color: #000; }

/* Tools */
section.tools { display: block; padding-top: 35%; width: 100%; border-width: 0 0 1px; overflow: hidden; }
section.tools img { z-index: -1; position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
section.tools h2 { position: absolute;  top: 50%; left: 50%; padding: 0.3em 0.5em; font-size: 14px; line-height: 1.6em; background-color: #fff; border-radius: 3px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
section.tools a:not(:hover) img { opacity: 0.7;
	-webkit-filter: grayscale(0.9);
	-moz-filter: grayscale(0.9);
	-ms-filter: grayscale(0.9);
	-o-filter: grayscale(0.9);
	filter: grayscale(0.9);
	}

/* Label */
label input[type="checkbox"], label input[type="radio"] { display: none; }
label.button, label.checkbox {
	display: inline-block; padding: 0 10px 0 37px; height: 40px; font-size: 12px; line-height: 38px; cursor: pointer; opacity: 0.5;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	}
label.button.hidden { display: none; }
label.button:before, label.checkbox:before { content: ''; position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: url('/img/icons.png?v11') no-repeat -1px -641px; background-size: 40px auto; pointer-events: none; }
label.button.active, label.checkbox.active, label.checkbox.error { opacity: 1; }
label.button.active:before, label.checkbox.active:before { background-position: -1px -601px; }
label.button:not(.active), .disabled label.button {
	-webkit-filter: grayscale(0.9);
	-moz-filter: grayscale(0.9);
	-ms-filter: grayscale(0.9);
	-o-filter: grayscale(0.9);
	filter: grayscale(0.9);
	}

label.select { font-size: 12px; line-height: 38px; border-width: 1px; background: #fff; }
label.select.icon:before { margin-right: -2px; width: 38px; height: 38px; background-color: transparent; border: 0; }
label.select select { height: 38px; text-align: right; border: 0; }

/* Title */
*[data-title]:before { content: attr(data-title); display: block; padding-left: 3px; font-size: 16px; line-height: 28px; text-transform: uppercase; }
*[data-title]:after { z-index: 1; content: '/'; position: absolute; top: 0; left: -2px; font-size: 35px; line-height: 28px; font-weight: bold; }

/* Input Icon */
input.icon { background-image: url('/img/icons.png?v11'); background-repeat: no-repeat; background-size: 38px auto; }

/* Checkbox */
label.checkbox { padding: 0 0 0 21px; height: auto; font-size: 12px; line-height: 16px; }
label.checkbox:before { width: 25px; height:25px; background-position: -6px -404px; background-size: 25px auto; }
label.checkbox.active:before { background-position: -6px -379px; }

/* Filters */
/* div.filters { float: left; z-index: 50; margin: -50px 0 20px; width: 200px; height: calc(100vh - 170px); border-width: 1px; } */
div.filters:not(.filterlabels) { float: left; top: 225px; margin: 20px 0 20px 20px; width: 195px; height: calc(100vh - 245px); border-width: 0 1px 0 0; }
body[data-scrolled] div.filters:not(.filterlabels) { top: 143px; }
/* form.filters { padding: 15px 20px; } */
form.filters { padding: 0; }
.filters:not(.filterlabels) ul:before { margin-top: 15px; }
.filters:not(.filterlabels) ul:first-of-type:before { margin-top: 0; }
.filters:not(.filterlabels) ul li { padding: 4px 0; font-size: 12px; line-height: 14px; }

.catabest .filters ul:first-of-type { display: none; }
.catabest .filters ul:nth-of-type(2):before { margin-top: 0; }

.filters:not(.filterlabels) ul li select { padding: 0 2px; width: calc(100% - 20px); height: 26px; font-size: 12px; line-height: 24px; background-size: 28px auto; background-position: calc(100% + 2px) -394px; }
.filters:not(.filterlabels) ul li select.placeholder { background-position: calc(100% + 2px) -1121px; }
.filters:not(.filterlabels) ul li span.resetfilter { z-index: 5; position: absolute; right: 21px; margin-top: 1px; width: 24px; height: 24px; background-color: #fff; background-image: url('/img/icons.png?v11'); background-repeat: no-repeat; background-size: 28px auto; background-position: 50% -506px; cursor: pointer; }
.filters:not(.filterlabels) ul li select.mini { background-position-y: -423px; background-size: 30px auto; }
.filters:not(.filterlabels) ul li select.mini, .filters ul li select.mini option { font-size: 12px; line-height: 20px; }
.filters:not(.filterlabels) ul li label select { display: block; margin: 5px 0 0; width: 137px; }

/* Filters in Page */
div.filtersinpage { margin: 20px 0 20px; border-width: 1px; background: #efefef; }
.filtersinpage form.filters { padding: 10px; }
.filtersinpage input, .filtersinpage select { margin-right: 10px; }
.filtersinpage input.field, .filtersinpage select.field { width: 170px; }
.filtersinpage select.field { background-position-y: -420px; background-size: 30px auto; }
.filtersinpage a.button { float: right; height: 30px; font-size: 14px; line-height: 30px; }

/* Banblur */
div.banblur { position: absolute; bottom: -1px; left: 0; right: 0; padding: 15px 0; height: 71px; background: #fff; border-width: 1px 0; overflow: hidden; }
div.banblur div.blur { position: absolute; top: -20px; right: 0; left: 0; bottom: -20px; height: auto; background-repeat: no-repeat; background-position: 50% calc(50% - 90px); background-size: cover; opacity: 0.25; }

/* Banner Title */
div.bantitle { padding: 15px 20px; height: 72px; background: #fff; border-width: 1px 0; overflow: hidden; }
div.banner + div.bantitle { margin-top: -5px; }
div.bantitle.sticky { z-index: 20; top: 133px; }
body[data-scrolled] div.bantitle.sticky { top: 51px; }
div.bantitle div.blur, div.bansearch div.blur { position: absolute; top: -20px; right: 0; left: 0; bottom: -20px; height: auto; background-repeat: no-repeat; background-position: 50% calc(50% - 90px); background-size: cover; opacity: 0.25; }
div.bantitle div.blur { opacity: 0; }

div.bantitle div.title, div.bansearch div.title { display: inline-block; }
div.bantitle div.title a, div.bansearch div.title a { display: inline-block; font-size: 18px; line-height: 40px; opacity: 0.7; }
div.bantitle div.title a:not(:first-of-type):before { content: '> '; padding-left: 5px; font-size: 14px; }
div.bantitle div.title a:last-of-type[data-text]:after { content: attr(data-text); padding-left: 5px;  opacity: 0.7; }
div.bantitle div.title a:last-of-type, div.bansearch div.title a:last-of-type { opacity: 1; }

div.bantitle a.cart { width: 130px; font-size: 14px; line-height: 22px; text-align: left; }
div.bantitle a.cart span { display: block; padding: 0; font-size: 12px; line-height: 16px; }
div.bantitle a.cart:before { background-position: 50% -161px; }
div.bantitle a.cart:not([data-badge]):before, div.bantitle a.cart[data-badge="0"]:before { background-position: 50% -121px; }
div.bantitle a.logas:before { background-position: 50% -1201px; }
div.bantitle a.home:before { background-position: 50% -41px; }

div.bantitle a.cart.button { padding-top: 1px; width: auto; }
div.bantitle a.cart.button span { font-family: 'Open Sans', Arial, sans-serif; font-size: 10px; line-height: 10px; }

/* Sorting */
div.bantitle div.sorting { z-index: 1; float: right; text-align: right; }
.sorting section { display: inline-block; margin: 0 0 0 12px; padding: 0 0 0 2px; border-width: 0 0 0 1px; border-color: rgba(0, 0, 0, 0.15); }

.sorting a.icon { margin: 0 0 0 10px; }
.sorting input, .sorting select { font-size: 12px; }
.sorting input { padding: 0 10px; height: 40px; border-width: 1px; }
.sorting input.search { margin: 0 10px 0 0; padding-right: 40px; width: 200px; background-position: 100% -76px; }
.sorting label { display: inline-block; margin-left: 10px; }
.sorting select { width: 135px; }

.sorting label.checkbox { padding: 0 10px 0 34px; height: 40px; font-size: 12px; line-height: 38px; background: #fff; border-width: 1px; }
.sorting label.checkbox:before { width: 30px; height: 30px; background-position: 2px -509px; background-size: 32px auto; }
.sorting label.checkbox.active:before { background-position-y: -477px; }

.sorting span.alltocart { display: inline-block; margin: 0 0 0 15px; padding: 0 0 0 15px; border-width: 0 0 0 1px; }
.sorting span.alltocart label { margin: 0 10px 0 0; }

div.bantitle div.sorting.left { float: left; text-align: left; }
.sorting.left section { margin: 0 0 0 2px; padding: 0 0 0 12px; }
.sorting.left a.icon { margin: 0 10px 0 0; }

/* Coef */
em.coef { z-index: 2; position: absolute; top: -16px; left: -8px; padding: 1px 0 0 2px; width: 50px; height: 50px; font-size: 11px; line-height: 50px; text-align: center; font-weight: bold; font-style: normal; background: url('/img/coef.png') no-repeat 50% 50%; background-size: cover; color: rgba(0, 0, 0, 0.5); }
em.coef.lot { padding: 0.6em 0; font-size: 14px; line-height: 1.0em; color: #fff; letter-spacing: -0.1em; font-weight: normal; background: #1c2325; border-width: 0; border-radius: 50%; -webkit-transform: scale(0.8); transform: scale(0.8); }

/* Tabs */
ul.tabs { display: block; height: 50px; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); }
.tabs li { display: table-cell; padding: 0 12px; white-space: nowrap; }
.tabs li a { display: block; font-size: 14px; line-height: 50px; }

/* Flex */
.flexcontainer { display: flex; flex-direction: column; }
.flexcontent { flex: 1; }

/* UL Table */
.table ul { display: flex; border-width: 0 0 1px; }
.table ul li { padding: 10px; width: 100px; font-size: 12px; line-height: 20px; text-align: center; }
.table ul li.flex { flex: 1; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table ul li.title { font-size: 14px; font-weight: bold; }
.table ul li.right { text-align: right; }
.table ul.title li { padding-bottom: 2px; }
.table ul li span:not(.stock) { opacity: 0.8; }
.table ul li span.opacity { opacity: 0.7; }
.table ul li[data-width="50"] { width: 50px; }
.table ul li[data-width="75"] { width: 75px; }
.table ul li[data-width="100"] { width: 100px; }
.table ul li[data-width="125"] { width: 120px; }
.table ul li[data-width="150"] { width: 150px; }
.table ul li[data-width="175"] { width: 175px; }
.table ul li[data-width="200"] { width: 200px; }
.table ul li[data-width="225"] { width: 225px; }
.table ul li[data-width="250"] { width: 250px; }
.table ul li[data-width="275"] { width: 275px; }
.table ul li[data-width="300"] { width: 300px; }
.menucontent .table ul li { padding-left: 5px; padding-right: 5px; white-space: nowrap; }

/* Table Excel */
pagecontent .table.excel.sticky { top: 134px; }
body.pagewithtitle .pagecontent .table.excel.sticky { top: 205px; border-width: 0 0 1px; padding: 3px 0; background: #fff; }
.table.excel { display: table; width: 100%; }
.table.excel ul { display: table-row; }
.table.excel ul li { display: table-cell; padding: 8px 5px; font-size: 12px; line-height: 20px; white-space: normal; vertical-align: middle; border-width: 0 0 1px 1px; overflow: hidden; }
.table.excel ul li a { z-index: 5; }
.table.excel ul li .big { font-size: 1.3em; line-height: 1.3em; font-weight: bold; }
.table.excel ul li:first-of-type { border-width: 0 0 1px; }
.table.excel ul li div.photo { margin: -5px; background: #fff; overflow: hidden; mix-blend-mode: darken; }
.table.excel ul li a.button:not(.cart) { display: inline-block; margin: 0; padding: 3px 7px; height: auto; font-size: 11px; line-height: 18px; text-align: center; white-space: normal; vertical-align: middle; }
.table.excel ul li.flex { flex: 1; width: auto; text-align: left; }
.table.excel ul.title { color: #fff; background: #1c2325 url('/img/back-footer.jpg') no-repeat 50% 50%; background-size: cover; border-width: 0; }
.table.excel ul.title li { display: table-cell; padding: 0 5px; height: 44px; font-size: 12px; line-height: 14px; text-align: center; white-space: normal; border-color: rgba(246, 246, 247, 0.20); }
.table.excel ul:not(.title):nth-child(even) { background: #f2f2f2; }
.table.excel ul:not(.title):hover { background: #ececec; }
.table.excel ul li:first-of-type { border-left-width: 0; }
.table.excel ul li.left { text-align: left; padding-left: 12px; }
.table.excel ul li.right { text-align: right; padding-right: 12px; }
.table.excel ul li.noborder { border-left-width: 0; }
.table.excel ul li.white { background: #fff; }
.table.excel ul li span.stock00[data-stock]:after { display: none; }

.table.excel div.infos { z-index: 5; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0 12px; }
.table.excel div.infos div.type { margin: 17px 0 0; text-align: left; border-width: 0 0 1px; }
.table.excel div.infos div.type span.type { margin-left: 41px; opacity: 0.5; }
.table.excel div.infos div.type span.stock { float: right; text-align: right; opacity: 0.9; }
.table.excel div.infos div.options { padding-top: 10px; }
.table.excel div.infos div.options h4 { top: 5px; }
.table.excel div.infos div.qty { top: 10px; }

.table.excel div.infos div.sizes { position: absolute; top: 12px; left: 0; right: 92px; height: 38px; text-align: left; overflow: hidden; }
.table.excel div.infos.withsizes:not(:hover) div.sizes { opacity: 0; pointer-events: none; }
.table.excel div.infos.withsizes:hover h4 { opacity: 0; pointer-events: none; }

/* Client */
section.client { display: inline-block; padding: 15px; width: 33%; height: 150px; margin: 0; border-width: 0 1px 1px 0; }
section.client ul li { font-size: 13px; line-height: 20px; }
section.client ul li.name { padding-bottom: 5px; font-size: 16px; font-weight: bold; }

/* Contacts */
div.contacts { display: flex; flex-direction: column; margin-bottom: 20px; border-bottom: 1px solid rgba(51, 63, 73, 0.3); background-color: rgba(51, 63, 73, 0.05); }
div.contacts ul { display: flex; border-top: 1px solid rgba(51, 63, 73, 0.3); }
div.contacts ul.title { background-color: rgba(51, 63, 73, 0.05); }
div.contacts ul li { padding: 0 10px; width: 150px; font-size: 12px; line-height: 40px; }
div.contacts ul li.type { width: 150px; }
div.contacts ul li.value { flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
div.contacts ul.empty { order: 100; }
div.contacts ul.toend { order: 200; }
div.contacts ul.toend li { opacity: 0.5; }

/* Sizes */
div.sizes { z-index: 5; text-align: center; }
div.sizes label { display: inline-block; margin: 2px; width: calc(100% / 6 - 4px); max-width: 40px; font-size: 14px; line-height: 30px; text-align: center; color: #999; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); background: #f5f5f5; border-radius: 1px; cursor: pointer; }
div.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%);
	}
div.sizes label:nth-of-type(6n+1) { margin-left: 0; }
div.sizes label:nth-of-type(6n+6) { margin-right: 0; }
div.sizes label.active, div.sizes label:hover { color: #555; border-color: rgba(0, 0, 0, 0.2); }
div.sizes label.active { color: #111; background: #fcfcfc; border-color: rgba(0, 0, 0, 0.5); }
div.sizes label input { display: none; }

/* Stock */
span.stock[data-stock="true"] { color: #5ea835; }
span.stock[data-stock="false"] { color: #a8353a; }
span.stock[data-stock="soon"] { color: #a87b35; }

span.stock:not(.iconleft)[data-stock]:after { content: ''; display: inline-block; margin: 7px 0 0 4px; width: 7px; height: 7px; border-radius: 50%; vertical-align: baseline; }
span.stock:not(.iconleft)[data-stock="true"]:after { background: #5ea835; }
span.stock:not(.iconleft)[data-stock="false"]:after { background: #a8353a; }
span.stock:not(.iconleft)[data-stock="soon"]:after { background: #a87b35; }
span.stock:not(.iconleft)[data-stock="true"]:empty:before { content: 'En Stock'; }
span.stock:not(.iconleft)[data-stock="false"]:empty:before { content: 'Rupture'; }

span.stock.iconleft[data-stock]:before { content: ''; display: inline-block; margin: 7px 4px 0 0; width: 7px; height: 7px; border-radius: 50%; vertical-align: baseline; }
span.stock.iconleft[data-stock="true"]:before { background: #5ea835; }
span.stock.iconleft[data-stock="false"]:before { background: #a8353a; }
span.stock.iconleft[data-stock="soon"]:before { background: #a87b35; }
span.stock.iconleft[data-stock="true"]:empty:after { content: 'En Stock'; }
span.stock.iconleft[data-stock="false"]:empty:after { content: 'Rupture'; }

/* Items */
section.item { padding: 10px 15px; border-width: 0 0 1px 0; background: #fff; }
section.item.padding { padding-right: 15px; }
section.item a.touch { z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
section.item p { padding: 0; font-size: 12px; line-height: 20px; }
section.item p.right { text-align: right; }
section.item p.infos { padding-top: 0; font-size: 11px; opacity: 0.7; }
section.item p.infos.padding { padding-top: 8px; }
section.item ul li { font-size: 12px; line-height: 20px; }
section.item .title, .item .name { font-size: 14px; font-weight: bold; }
section.item .title *[data-badge]:before, .item .name *[data-badge]:before { top: 1px; left: calc(100% + 8px); right: inherit; }
section.item a.img { position: absolute; top: 12px; left: 10px; width: 40px; height: 40px; }
section.item select { display: inline-block; padding: 0; width: 75px; height: 20px; font-size: 12px; line-height: 20px; border: 0; background: transparent; opacity: 0.7; }

section.item.substitute { padding: 12px 15px; border-left: 0; }
section.item.substitute .img { z-index: 2; position: relative; top: 0; left: 0; float: left; margin-right: 15px; width: 60px; height: 60px; border-radius: 0; border-width: 0; mix-blend-mode: darken; }

section.item label.button { z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; padding: 0; width: 80px; height: auto; border-width: 0; }
section.item label.button:before { content: ''; top: calc(50% - 10px); right: 20px; height: 20px; width: 20px; font-size: 14px; line-height: 18px; background: transparent; border-width: 1px; border-radius: 5px; opacity: 0.7; }
section.item label.button:after, section.item label.button.active:after{ content: '✔'; top: calc(50% - 10px); right: 20px; height: 20px; width: 20px; background: transparent; border-width: 0; opacity: 0; }
section.item label.button.active:before, section.item label.button.active:after { opacity: 1; }

/* Photos */
.photo { overflow: hidden; }
.photo img { display: block; width: 100%; }
*[data-type="1"] .photo img { margin: 15%; width: 70%; }
section.article[data-type="1"] .photo img, div.article[data-type="1"] .photo img { margin: 20%; width: 60%; }
*[data-type="2"] .photo img { margin: 20%; width: 60%; }
div.article[data-type="5"] .photo img { top: -15%; }
*[data-type="11"] .photo img, *[data-type="12"] .photo img { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/* Selections */
div.selections { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); margin: 0 0 0 20px; padding: 30px 0 10px; width: calc(100% - 40px); text-align: center; }
div.selections section { display: inline-block; margin: 0 10px 20px; text-align: center; outline: 1px solid rgba(255, 255, 255, 0.8); }
div.selections section div.photo { display: block; width: 100%; height: 230px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-width: 1px; }
div.selections section strong { display: block; margin: 10px 0 0 0; font-size: 14px; line-height: 22px; }
div.selections section span { display: block; font-size: 12px; line-height: 22px; opacity: 0.5; }

/* Selections JA */
div.selections.selectionsja a { width: calc((100% - 140px) / 7); outline: 0; }
div.selections.selectionsja a div.photo { background-color: #fff; background-position: -75% 50%; background-size: auto 70%; }
div.selections.selectionsja a:hover div.photo { background-position: -35% 50%;  background-size: auto 80%; }

/* Selections Turquoise */
div.selections.selectionsturquoise a { width: calc((100% - 40px) / 2); outline: 0; }
div.selections.selectionsturquoise a img { display: block; width: 100%; border-width: 1px; }

/* Articles : Add To Cart */
form.addtocart { z-index: 5; }
form.addtocart div.options { padding-top: 15px; text-align: right; }
form.addtocart div.options h4 { position: absolute; top: 10px; font-size: 20px; line-height: 30px; font-weight: bold; text-align: left; }
form.addtocart div.options h4 span { display: block; font-size: 11px; line-height: 16px; font-weight: normal; opacity: 0.5; }

form.addtocart div.options h4 span b { display: inline-block; width: 28px; }
form.addtocart div.options h4 span b:before { content: attr(data-multi); position: absolute; top: -2px; width: 25px; height: 22px; font-size: 12px; line-height: 20px; text-align: center; background: #fff; border-width: 1px; border-color: rgba(0, 0, 0, 0.4); -webkit-transform: rotate(-4deg); transform: rotate(-4deg); }

form.addtocart div.options h4 strong { z-index: 5; position: absolute; top: -14px; left: -4px; padding: 1px 7px 14px; background: #fff; border-width: 1px; white-space: nowrap; }
form.addtocart div.options h4 strong:before, form.addtocart div.options h4 strong:after { content: attr(data-price); position: absolute; bottom: 2px; left: 0; right: 0; font-size: 10px; line-height: 20px; text-align: center; font-weight: normal; }
form.addtocart div.options h4 strong:after { content: attr(data-ppc); bottom: -20px; font-size: 11px; line-height: 16px; color: #000; opacity: 0.5; }
form.addtocart div.options h4 strong + span { display: none; }

form.addtocart a.submit.cart, form.addtocart a.zoom { z-index: 5; display: inline-block; margin: 0 0 0 10px; }
form.addtocart[data-qty] a.submit.cart { width: 30px; }
form.addtocart[data-qty] a.submit.cart[rel="+1"] { background-position: 50% -800px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
form.addtocart[data-qty] a.submit.cart[rel="-1"] { border-top-right-radius: 0; border-bottom-right-radius: 0; }
form.addtocart a.submit.cart[rel="-1"] { background-position: 50% -840px; }

form.addtocart div.qty { position: absolute; top: 15px; right: 25px; }
form.addtocart:not([data-qty]) div.qty { right: 0; opacity: 0; pointer-events: none; }
form.addtocart div.qty a.submit.cart { display: inline-block; margin: 0; width: 30px; }
form.addtocart div.qty input[name="qty"] { display: inline-block; margin-left: -5px; width: 30px; height: 40px; font-size: 20px; line-height: 40px; color: #fff; font-weight: bold; text-align: center; background: #1c2325; pointer-events: none; }

form.addtocart[data-disabled] a.submit.cart { pointer-events: none; opacity: 0.3; }

/* Article : Listing */
div.articles { display: grid; grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)); margin: 10px 20px 0; }
section.article { display: inline-block; margin: 15px 10px 10px; padding: 15px 15px 70px; /* width: calc((100% - 100px) / 5); */ border-width: 1px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	section.article { width: calc((100% - 100px) / 5); }
	}
section.article:hover { border-color: rgba(0, 0, 0, 0.5); }
section.article div.photo { display: block; top: 0; margin: 30px 0 30px; padding-bottom: 100%; }
section.article div.photo img { position: absolute; top: 50%; left: 50%; margin: 0 !important; -webkit-transform: translateX(-50%, -50%); transform: translate(-50%, -50%); }

div.articles.artlist { left: 10px; margin-left: 215px; padding-bottom: 15px; /* min-height: 100vh; */ /* overflow: auto; overflow-x: hidden; */ }
div.articles000.artlist:after { content: ''; display: table; clear: both; }
div.articles.artnominheight { min-height: inherit; }
div.articles.artlistaaaa section.article { margin-left: 20px; margin-right: 0; }

div.articles.artdeals { min-height: inherit; text-align: center; /* overflow: auto; overflow-x: hidden; */ }
div.articles000.artdeals:after { content: ''; display: table; clear: both; }

section.article h3, section.article h3 span { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
section.article h3 { position: absolute; top: -12px; left: 50%; padding: 0 10px; font-size: 16px; line-height: 20px; font-weight: bold; text-align: center; background: #fff; white-space: nowrap; }
section.article h3 span { top: 21px; font-size: 11px; line-height: 20px; font-weight: normal; text-transform: uppercase; opacity: 0.5; }
section.article h3 em.label { display: inline-block; margin: 0 0 0 5px; padding: 0 4px; font-size: 12px; color: #fff; font-weight: bold; font-style: normal; text-transform: lowercase; background: #000; border-radius: 3px; }

section.article h5 { z-index: 1; position: absolute; top: -23px; left:0; right: 0; font-size: 11px; line-height: 20px; font-weight: normal; text-align: left; }
section.article h5 em.coef { top: -16px; left: -8px; }
section.article h5 span.type { margin-left: 41px; opacity: 0.5; }
section.article h5 span.stock { float: right; text-align: right; opacity: 0.9; }
section.article h5 span.all { position: absolute; }

section.articlepromo { border-color: rgba(163, 157, 135, 0.7); background: linear-gradient(#fff 0%, #fff 90%, #fafaf9 95%, #edebe7 100%) }
section.articlepromo:before { position: absolute; content: ''; top: -5px; left: -5px; right: -5px; bottom: -5px; border-width: 1px; border-color: rgba(0, 0, 0, 0.075); }
section.articlepromo.articlewithsizes:not(:hover) h5 span.all, section.articlepromo:not(.articlewithsizes) h5 span.all { top: -2px; -webkit-transform: rotate(-1.0deg); transform: rotate(-1.0deg); }

section.article div.infos { position: absolute; bottom: 15px; left: 15px; right: 15px; padding: 0 0 0; border-width: 1px 0 0; }
section.article div.infos:before { content: ''; position: absolute; top: -101px; left: 0; right: 0; height: 100px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%); opacity: 0; pointer-events: none; }
section.article:hover div.infos:before { opacity: 1; }

section.article a.addtofav { z-index: 5; position: absolute; top: 4px; left: 6px; }
section.article a.addtofav:not(:hover):before { border-color: rgba(0, 0, 0, 0); }
section.article a.icon:not(.addtofav) { z-index: 5; position: absolute; top: -17px; right: -11px; height: 49px; background: #fff; }
section.article a.icon:not(.addtofav):before { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
section.article a.icon:not(.addtofav) + a.icon { top: 38px; }

section.article div.sizes { margin: 0; padding: 0; max-height: 0; border-width: 0; overflow: hidden; }
section.article:hover div.sizes { padding: 13px 0; max-height: 200px; border-width: 0 0 1px; }

a.morelist { display: block; margin-top: 10px; width: 100%; border-width: 1px; }
a.morelist img { display: block; width: 100%; }

/* Article : Header */
section.article div.header { z-index: 5; position: absolute; top: 10px; left: 10px; right: 10px; height: 44px; pointer-events: none; }
section.article div.headline { z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-width: 1px; }
section.article div.header h3 { top: -22px; }
section.article div.header h3 span { top: 76px; }

/* Article : Rotate */
.rotate1 { -webkit-transform: rotate(-1.0deg); transform: rotate(-1.0deg); }
.rotate2 { -webkit-transform: rotate(-1.5deg); transform: rotate(-1.5deg); }
.rotate3 { -webkit-transform: rotate(-2.0deg); transform: rotate(-2.0deg); }
.rotate4 { -webkit-transform: rotate(1.0deg); transform: rotate(1.0deg); }
.rotate5 { -webkit-transform: rotate(1.5deg); transform: rotate(1.5deg); }
.rotate6 { -webkit-transform: rotate(2.0deg); transform: rotate(2.0deg); }

/* Article : Promo */
.articlepromo form.addtocart div.options h4 strong:before { color: #a39d87; }
.articlepromo div.headline, .articlepromo form.addtocart div.options h4 strong { background-color: #f8f7f6; border-color: #a39d87; box-shadow: 0 0 5px rgba(163, 157, 135, 0.5); }
.articlepromo div.headline { background-image: url('/img/offer-promo.png'); background-repeat: no-repeat; background-size: auto 100%; background-position: 100% 50%; }
.articlepromo div.header:before { z-index: 5; content: ''; position: absolute; top: -10px; left: -7px; width: 50px; height: 50px; background: url('/img/offer-promo-icon.png') no-repeat 50% 50%; background-size: cover; }

/* Article : Flash */
.articleflash div.headline { background-image: url('/img/offer-flash.png'); background-position: 0 50%; }
.articleflash div.header:before { z-index: 0; content: ''; position: absolute; top: -27px; left: -17px; width: 70px; height: 70px; background: url('/img/offer-flash-icon.png') no-repeat 50% 50%; background-size: cover; }
.articleflash div.countdown { z-index: 6; position: absolute; top: 10px; left: 10px; right: 10px; padding: 9px; height: 44px; text-align: right; }

/* Article : Carry Over */
div.articles.artlist section.articlecarry { display: block; padding-top: 60px; padding-bottom: 145px; width: calc((100% - 40px) / 2); }
div.articles.artlist section.articlecarry:nth-of-type(even) { float: left; }
div.articles.artlist section.articlecarry:nth-of-type(odd) { float: right; }

/* Articles : Count */
div.articlesaa:not([data-count]) section.article000 { width: calc((100% - 60px) / 4); }
div.articlesaa:not([data-count]) section.article000:nth-of-type(4n+1) { margin-left: 0; }
div.articlesaa:not([data-count]) section.article000:nth-of-type(4n+4) { margin-right: 0; }

div.articles000[data-count="1"] section.article000 { margin-left: 0; margin-right: 0; width: 100%; }

div.articles000[data-count="2"] section.article000 { width: calc((100% - 20px) / 2); }
div.articles000[data-count="2"] section.article000:nth-of-type(2n+1) { margin-left: 0; }
div.articles000[data-count="2"] section.article000:nth-of-type(2n+2) { margin-right: 0; }

div.articles000[data-count="3"] section.article000 { width: calc((100% - 40px) / 3); }
div.articles000[data-count="3"] section.article000:nth-of-type(3n+1) { margin-left: 0; }
div.articles000[data-count="3"] section.article000:nth-of-type(3n+3) { margin-right: 0; }

div.articles000[data-count="5"] section.article000 { width: calc((100% - 80px) / 5); }
div.articles000[data-count="5"] section.article000:nth-of-type(5n+1) { margin-left: 0; }
div.articles000[data-count="5"] section.article000:nth-of-type(5n+5) { margin-right: 0; }

/* Articles : More */
div.arthome { margin: 20px 0 0 0; padding: 10px 20px; border-width: 5px; }
div.arthome a.more { position: absolute; top: 10px; right: 20px; font-size: 12px; line-height: 28px; opacity: 0.7; }
div.arthome:after { top: 10px; left: 18px; }

div.arthome.artnew { /* margin-left: 420px; */ border-color: #a39d87; background: rgba(163, 157, 135, 0.1); }
div.arthome.artbest { border-color: #a387a1; background: rgba(163, 135, 161, 0.1); }
div.arthome.artflash { /* display: inline-block; width: 25.9%; */ border-color: #a39d87; background: rgba(163, 157, 135, 0.1); }
div.arthome.artdeal { /* display: inline-block; margin-left: 20px; width: calc(74.1% - 20px); */ border-color: #000; }

div.artsearch { margin-left: 0; padding-bottom: 10px; }

/* Articles : Selections */
body.selections .content div.filters { display: none; }
body.selections .content div.articles { margin-left: 20px; left: inherit; overflow: inherit; }

/* Article : Overview */
div.article { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

div.article div.arleft { display: inline-block; height: 100%; width: 100px; background: rgba(0, 0, 0, 0.03); }
div.article div.arright { display: inline-block; height: 100%; width: 270px; }

div.article h1 { margin: 0; padding: 20px 20px 0; height: 70px; font-size: 22px; line-height: 30px; font-weight: bold; text-align: center; }
div.article h1 label:before { display: inline-block; top: 1px; margin: 0 5px 0 0; padding: 0; font-size: 16px; opacity: 0.7; }
div.article h1 label:after { position: relative; display: inline-block; margin: 0 -7px 0 0; }
div.article h1 span { display: block; font-size: 12px; line-height: 16px; font-weight: normal; opacity: 0.5; }

div.article div.photo { display: inline-block; height: 100%; width: 602px; border-width: 0 1px; cursor: crosshair; }
div.article div.photo img:not(.zoom) { position: absolute; top: 50%; left: 50%; margin: 0 !important; -webkit-transform: translateX(-50%, -50%); transform: translate(-50%, -50%); }
div.article div.photo h1 { z-index: 6; position: absolute; left: 0; right: 0; margin: 0; font-size: 16px; color: rgba(0, 0, 0, 0.7); pointer-events: none; border: 0; }
div.article div.photo h1:before { z-index: -1; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 150px; background: linear-gradient(rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%); }
div.article div.photo h1 span { display: block; font-size: 12px; line-height: 16px; font-weight: normal; text-transform: uppercase; opacity: 0.7; }
div.article div.photo h2 { z-index: 6; position: absolute; bottom: 20px; left: 0; right: 0; font-size: 14px; line-height: 24px; text-align: center; pointer-events: none; }
div.article div.photo h2 span { display: block; font-size: 12px; line-height: 16px; font-weight: normal; text-transform: uppercase; opacity: 0.5; }

div.article div.photos { padding: 0 15px; }
div.article div.photos a { display: block; margin: 10px 0 0; width: 70px; height: 70px; border-width: 1px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
div.article div.photos a:first-of-type { margin-top: 15px; }
div.article:not([data-type]) div.photos a img { width: 100%; }
div.article div.photos a img { position: absolute; top: 50%; left: 50%; margin: 0 !important; -webkit-transform: translateX(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; }

div.article div.variants { position: absolute; bottom: 15px; padding: 0 15px; }
div.article div.variants a { display: block; margin: 10px 0 0; width: 70px; height: 70px; border-width: 1px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
div.article:not([data-type]) div.variants a img { width: 100%; }
div.article div.variants a img { pointer-events: none; }

div.article form.addtocart { margin: 5px 0 0 0; padding: 0 20px 20px; border-width: 0 0 1px; }
div.article form.addtocart div.sizes { padding: 13px 0; border-width: 0 0 1px; }
div.article form.addtocart em.coef { top: 0; left: -12px; }

div.article span.all { z-index: 1; position: absolute; }
div.article span.type { position: absolute; top: 15px; left: 38px; font-size: 12px; line-height: 20px; font-weight: normal; white-space: nowrap; opacity: 0.5; }
div.article.articlepromo:not(.articlewithsizes) span.all { top: -1px; -webkit-transform: rotate(-1.0deg); transform: rotate(-1.0deg); }

div.article span.stock { display: block; padding: 15px 0 3px; font-size: 12px; line-height: 20px; text-align: right; border-width: 0 0 1px; }
div.article span.stock[data-stock]:after { margin: 8px 0 0 5px; }

div.article div.infos { margin: 0; padding: 0; border-width: 0 0 1px; }
div.article div.infos, div.article h1.ref { background: rgba(0, 0, 0, 0.03); opacity: 0.8; }
div.article div.infos label { display: inline-block; margin: 0; padding: 20px 0 25px; width: 50%; font-size: 20px; line-height: 24px; text-align: center; font-weight: bold; border-left-width: 1px; overflow: hidden; }
div.article div.infos:not(.mini) label:nth-of-type(2n+1) { border-left-width: 0; }
div.article div.infos label:before { content: attr(data-title); display: block; padding: 0; font-size: 10px; line-height: 20px; text-align: center; font-weight: normal; opacity: 0.5; }
div.article div.infos label:after { display: none; }
div.article div.infos label.double { width: 100%; }

div.article div.infos.mini label { padding: 15px 0 20px; width: 33%; font-size: 12px; line-height: 18px; }
div.article div.infos.mini label:nth-of-type(3n+1) { border-left-width: 0; }
div.article div.infos.mini label.double { width: 64%; }

div.article div.infos label[data-width="35"] { width: 35%; }
div.article div.infos label[data-width="40"] { width: 40%; }
div.article div.infos label[data-width="45"] { width: 45%; }
div.article div.infos label[data-width="50"] { width: 50%; }
div.article div.infos label[data-width="55"] { width: 55%; }
div.article div.infos label[data-width="60"] { width: 60%; }
div.article div.infos label[data-width="65"] { width: 65%; }

/* Article : Zoom */
div.zoomContainer { z-index: 10; top: 0 !important; left: 0 !important; }
div.article div.photo img.zoom { z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: 100%; }

/* Article : Video */
div.article div.photo iframe.video { z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; }

/* Cart : Form */
form.cart { width: calc(100% - 320px); border-width: 0 0 1px; }

/* Cart : Listing */
div.cart { min-height: 400px; }
section.cart { display: block; margin: 0 320px 0 0; padding: 20px 0; border-width: 0 0 1px; overflow: hidden; }
section.cart div { display: inline-block; padding: 10px 15px; height: 60px; border-width: 0 0 0 1px; }
section.cart div.photo { padding: 0; width: 100px; height: 100px; background: #fff; border-width: 1px; }
section.cart div.options { display: flex; float: right; margin: 12px 0; padding: 0; height: auto; border-width: 0; }
section.cart div.options div { border-color: rgba(0, 0, 0, 0.1); }

section.cart div.infos { margin: 0; padding-top: 0; padding-bottom: 0; height: auto; border: 0; white-space: nowrap; }
section.cart div.infos a.name { font-size: 16px; line-height: 20px; font-weight: bold; }
section.cart div.infos ul { display: block; max-width: 230px; }
section.cart div.infos ul li { display: block; font-size: 12px; line-height: 20px; opacity: 0.7; }
section.cart div.infos span.stock { display: block; font-size: 12px; line-height: 20px; }
section.cart div.infos span.stock:before, section.cart div.infos span.stock:after { display: none; }

section.cart div.total { width: 120px; padding-left: 0 ; padding-right: 0; font-size: 16px; line-height: 40px; font-weight: bold; text-align: center; }
section.cart div.total.withdiscount { padding-top: 8px; line-height: 20px; }
section.cart div.total.withdiscount s { display: block; font-size: 12px; font-weight: normal; opacity: 0.7; }

section.cart div.qty { width: 92px; }
section.cart div.qty input { float: left; width: 40px; height: 40px; font-size: 16px; font-weight: bold; text-align: center; border-width: 1px; /* pointer-events: none; */ }
section.cart div.qty a.button { margin: 0 0 0 2px; padding: 0; width: 19px; height: 19px; background-image: url('/img/icons.png?v11'); background-repeat: no-repeat; background-size: 30px auto; }
section.cart div.qty a.button[data-qty="+1"] { background-position: 50% -605px; }
section.cart div.qty a.button[data-qty="-1"] { margin-top: 2px; background-position: 50% -635px; }

section.cart div.cm input { width: 150px; height: 40px; font-size: 12px; }
.cartwithdiscount section.cart div.cm input00 { width: 100%; }

section.cart div.discount input { width: 70px; height: 40px; font-size: 12px; }
section.cart div.discount input:not(.empty), section.cart div.discount input:focus { padding-right: 30px; font-size: 16px; font-weight: bold; text-align: right; background-position: calc(100% + 2px) -1368px; }
section.cart div.delete { padding-right: 0; }

/* Cart : Options */
div.cartoptions { display: inline-block; margin: 0 0 20px; width: 300px; background: #fff; border-width: 1px; }
div.cartoptions.nomargin { margin-bottom: 0; }
div.cartoptions.cartright { float: right; z-index: 50; margin: /*-50px*/ 0 0 20px; width: 300px; }
div.cartoptions.cartright.sticky { top: 154px; }
div.cartoptions.cartright + div, div.cartoptions.cartright + form { margin-top: -50px; }
div.cartoptions.cartinpopup { margin: 0; padding: 0px 0 0 0; height: 100%; background: transparent; border-width: 0 0 0 1px; }

form.cart div.cartoptions { width: calc((100% - 40px) / 3); height: 111px; }
form.cart div.cartoptions:not(:first-of-type) { margin-left: 20px; }
form.cart div.cartinfos { /* top: -163px; */ }

div.cartoptions input, div.cartoptions select { width: 100%; height: 40px; border-width: 1px; }
div.cartoptions div.item { margin: 20px 20px 0; padding: 0 0 20px; border-width: 0 0 1px; }
div.cartoptions div.item.border:before { border-width: 0 0 1px; }
div.cartoptions div.item.noborder { border-width: 0; }
div.cartoptions div.item:last-of-type { border: 0; }
div.cartoptions div.item span.right { position: absolute; top: 0; right: 0; font-size: 20px; line-height: 28px; font-weight: bold; }
div.cartoptions div.item.rotate { z-index: 5; position: absolute; bottom: -15px; left: 15px; margin: 0; padding: 0; -webkit-transform: rotate(-90deg); -webkit-transform-origin: 0 0; transform: rotate(-90deg); transform-origin: top left; border: 0; }
div.cartoptions div.item select { padding-left: 8px; }

div.cartoptions div.item > div.item { margin: 15px 0 0; padding-bottom: 0; }
div.cartoptions div.item > div.item:last-of-type { border: 0; }

div.cartoptions div.item.list:not([data-title]) { margin-top: 15px; padding-bottom: 15px; }
div.cartoptions div.item.list:not([data-title]) + div.item { margin-top: 15px; }
div.cartoptions div.item.promolist { border-style: dashed; }

div.cartoptions div.item.list[data-title] ul.list { margin-top: 15px; }
div.cartoptions ul.list li { font-size: 13px; line-height: 22px; }
div.cartoptions ul.list li label { display: block; }
div.cartoptions ul.list li strong { float: right; margin-left: 15px; }
div.cartoptions ul.list li span.mini { font-size: 9px; letter-spacing: -0.05em; opacity: 0.5; }
div.cartoptions label.checkbox { font-size: 13px; }
div.cartoptions .checkbox + .checkbox { margin-top: 10px; }

div.cartoptions .explain { display: block; padding-top: 0; font-size: 12px; line-height: 18px; opacity: 0.7; }
div.cartoptions label.checkbox .explain { padding-top: 2px; }
div.cartoptions.cartinpopup label.checkbox .explain { display: none; }

div.cartoptions a.submit { display: block; }
div.cartoptions p.cgv { font-size: 12px; line-height: 18px; opacity: 0.7; }
div.cartoptions p.cgv + p.cgv { padding-top: 10px; }
div.cartoptions p.cgv a { text-decoration: underline; }
div.cartoptions p.cgv.cgvcheckbox { padding: 0 0 20px; opacity: 1; }

div.cartright div.inpopuponly { display: none; }
div.cartright div.itemaddress { display: none; padding-bottom: 15px; border-width: 0; }
div.cartright div.itemdelivery { display: none; margin-top: 0; }

div.cartoptions.cartcashback { z-index: 10; width: calc(100% - 320px); height: 143px; /* top: 131px; */ }
div.cartoptions.cartcashback div.cashleft, div.cartoptions.cartcashback div.cashright { display: inline-block; }

div.cartoptions.cartcashback div.cashleft { margin-left: 44px; padding: 0 20px 0 60px; width: 50%; height: 100%; background: url('/img/icon-bank.png') no-repeat -10px 15px; background-size: auto 115px; }
div.cartoptions.cartcashback div.cashleft span.left { float: left; clear: left; width: 15px; height: 20px; }
div.cartoptions.cartcashback div.cashleft .explain { padding: 9px 0 0 30px; }

div.cartoptions.cartcashback div.cashright { margin: 20px 0 0; width: calc(50% - 44px); height: calc(100% - 40px); border-width: 0 0 0 1px; }
div.cartoptions.cartcashback div.cashright .explain.border { margin-top: 8px; padding-top: 5px; border-width: 1px 0 0; }
div.cartoptions.cartcashback div.cashright div.item { margin-top: 0; padding-bottom: 0; }

div.cartoptions.cartcashback form.cashback a.button { display: inline-block; margin: 0 0 0 10px; width: 75px; }
div.cartoptions.cartcashback form.cashback input { width: calc(100% - 85px); }
div.cartoptions.cartcashback form.cashback input:not(.empty), div.cartoptions.cartcashback form.cashback input:focus { padding-right: 30px; font-size: 16px; font-weight: bold; text-align: right; background-position: calc(100% + 2px) -1445px; }

form.cart div.cartable { display: flex; flex-direction: row; }
form.cart div.cartoptions.cartnote { display: flex; flex: 1; margin-left: 0; width: 100%; height: 83px; }
form.cart div.cartoptions.cartnote textarea { position: absolute; top: 0; left: 50px; padding: 15px 10px; width: calc(100% - 50px); height: 100%; border: 0; }
form.cart div.cartoptions.cartnote div.item { width: 50px; }

form.cart a.cartoptions { display: inline-block; margin-left: 20px; padding: 10px; width: 83px; height: 83px; font-size: 12px; line-height: 18px; text-align: center; border-width: 1px; }
form.cart a.cartoptions.icon:before { display: block; float: none; margin: 0 auto; border-color: rgba(0, 0, 0, 0); }
form.cart a.cartoptions:not(:hover) { color: rgba(0, 0, 0, 0.7); }

/* Cart : Promo */
form.promo input.field { width: calc(100% - 50px); padding-left: 40px; background-position: 2px -418px; }
form.promo a.submit { display: inline-block; margin-left: 10px; padding: 0; width: 40px; }

div.promolist a.remove { display: inline-block; top: 3px; margin-left: 5px; width: 18px; height: 17px; border-radius: 5px; }
div.promolist a.remove:before { content: 'X'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 10px; line-height: 16px; font-weight: bold; text-align: center; }
div.promolist li:not(:hover) a.remove { display: none; }

/* Cart : Recommend */
div.popuprecommend div.popupcontent { overflow: initial; }
div.cartrecommend { display: inline-block; width: calc(100% - 60px - 300px); height: 100%; }

div.popuprecommend p.cgv { display: none; }
div.popuprecommend div.cartright div.inpopuponly { display: block; }
div.popuprecommend div.cartright div.itemaddress { display: block; }
div.popuprecommend div.cartright div.itemdelivery { display: block; }

div.cartrecommend ul.rlinks { z-index: 20; display: block; width: 100%; height: 80px; border-width: 0 0 1px;}
div.cartrecommend ul.rlinks li { display: inline-block; width: calc(100% / 3); height: 100%; }
div.cartrecommend ul.rlinks li:nth-child(2) { border-width: 0 1px; }
div.cartrecommend ul.rlinks li a { display: block; width: 100%; height: 100%; background-position: 50% 0; background-size: 100% auto; }
div.cartrecommend ul.rlinks li a:not(.active) { -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(0.20); filter: grayscale(1); opacity: 0.5; }
div.cartrecommend ul.rlinks li a:hover { opacity: 1; }
div.cartrecommend ul.rlinks li a.active { border-bottom: 2px solid #000; }
div.cartrecommend ul.rlinks li a.active:before, div.cartrecommend ul.rlinks li a.active:after { content: ''; position: absolute; width: 0; height: 0; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; }
div.cartrecommend ul.rlinks li a.active:before { left: calc(50% - 8px); bottom: -2px; border-width: 14px; border-bottom-color: #000; }
div.cartrecommend ul.rlinks li a.active:after { left: calc(50% - 6px); bottom: -3px; border-width: 12px; border-bottom-color: #fff; }

div.cartrecommend div.rlist { position: absolute; top: 80px; bottom: 0; left: 0; right: 0; margin: 0; padding: 0; }
div.cartrecommend div.rlist:not(.active) { visibility: hidden; left: 100%; pointer-events: none; }
div.cartrecommend div.rlist div.articles { margin: 10px 15px 15px; text-align: left; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div.cartrecommend div.rlist div.articles section.article { width: calc((100% - 60px) / 3); }
	}

div.cartinpopup p.rexplain { padding: 20px 20px 0; height: 80px; font-size: 12px; line-height: 20px; color: rgba(0, 0, 0, 0.8); text-transform: uppercase; background: #f9f9f9; border-width: 0 0 1px; }
div.cartinpopup p.rexplain:before, div.cartinpopup p.rexplain:after { content: ''; position: absolute; top: 0; width: 0; height: 0; border-width: 40px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; pointer-events: none; }
div.cartinpopup p.rexplain:before { left: -81px;  }
div.cartinpopup p.rexplain:after { left: -80px; border-right-color: #f9f9f9; }

/* Order : Listing */
.orderlist section.cart { margin: 0; }

/* Conversation */
.popupconversation div.popupcontent { display: flex; flex-flow: column; }
.conversationheader { height: 70px; }
.conversationheader h3 { position: absolute; padding: 0; top: 50%; left: 0; right: 0; margin-top: -3px; text-align: center; font-size: 13px; line-height: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.conversationcontent { display: flex; flex: 1; }
.conversationcontent .loadcontent { display: flex; flex-direction: column; }

/* Conversation : Messages */
section.message { margin-top: 10px; padding: 0 15px 0 60px; }
section.message:last-child { padding-bottom: 15px; }
section.message a.img { position: absolute; top: 2px; left: 12px; width: 40px; height: 40px; }
section.message h2 { display: block; font-size: 11px; line-height: 18px; font-weight: normal; opacity: 0.6; }
section.message div.text { display: inline-block; margin: 0; padding: 8px; max-width: calc(100% - 10px); border: 0; background: rgba(246, 246, 247, 0.6); border-radius: 5px; }
section.message div.text a { text-decoration: underline; }
section.message div.text p { padding: 7px 0 0 0; font-size: 12px; line-height: 20px; }
section.message div.text p:first-child { padding-top: 0; }
section.message p.infos { display: none; padding-top: 1px; font-size: 11px; opacity: 0.6; }

section.message.glue { margin-top: 4px; }
section.message.glue a.img { display: none !important; }
section.message.glue h2 { display: none; }

section.message.me { text-align: right; }
section.message.me a.img { display: none !important; }
section.message.me div.text { text-align: left; max-width: calc(100% - 30px); background: rgba(246, 246, 247, 1) }

/* Conversation : Reply */
form.conversationreply { padding: 10px 15px 10px 55px; border-width: 1px 0 0 0; }
form.conversationreply a.img { position: absolute; top: 10px; left: 12px; width: 34px; height: 34px; }
form.conversationreply a.upload { display: none; z-index: 5; position: absolute; top: 10px; right: 15px; width: 35px; height: 34px; background: url('/img/icons.png?v11') no-repeat 0 -420px; background-size: 35px auto; opacity: 0.5; }
form.conversationreply a.upload:hover { opacity: 1; }
form.conversationreply textarea { padding: 6px 30px 6px 1px; width: 100%; height: 34px; min-height: 34px; max-height: 132px; font-size: 12px; background: transparent; border: 0; }

/* Announce */
div.announce { margin: 0; height: 47px; background: #a8353a; border-width: 0 0 1px; }
div.announce a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
div.announcetext a { font-size: 16px; line-height: 46px; text-align: center; }
div.announcetext a span { margin-left: 5px; font-size: 12px; opacity: 0.6; }
div.announce + div.banner, div.announce + div.announces { margin-top: 4px; border-top-width: 1px; }

/* Plex */
div.plex { display: flex; flex-direction: row; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
div.popuplogo + div.plex { left: 60px; }

div.plex div.pmenu { display: inline-block; height: 100%; width: 180px; background: rgba(0, 0, 0, 0.03); border-width: 0 1px 0 0; }
div.plex div.pmenu ul li { border-width: 0 0 1px; }
div.plex div.pmenu ul li a { display: block; padding: 0 10px; font-size: 12px; line-height: 40px; }
div.plex div.pmenu ul li a.active { text-align: right; font-weight: bold; border-right-width: 3px; }
div.plex div.pmenu h2 { padding: 25px 0 10px; min-height: 58px; font-size: 16px; line-height: 22px; text-align: center; font-weight: bold; border-width: 0 0 1px 0; }
div.plex div.pmenu select { padding-left: 6px; width: 100%; height: 41px; font-size: 12px; line-height: 40px; border-width: 0 0 1px 0; background-position-y: -530px; }
div.plex div.pmenu p.info { position: absolute; bottom: 14px; left: 0; right: 0; font-size: 9px; line-height: 1.6em; text-align: center; color: rgba(0, 0, 0, 0.3); }
div.plex div.pmenu p.info a { color: rgba(0, 0, 0, 0.5); }
div.plex div.pmenu p.info a.newpage { display: none; }
body[data-frame] div.plex div.pmenu p.info a.newpage { display: block; }

div.plex div.pcontent { flex: 1; display: inline-block; height: 100%; }
div.plex div.pcontent h2 { margin: 10px 20px; font-size: 24px; line-height: 48px; }
div.plex div.pcontent h2:after { position: absolute; content: ''; bottom: 0; left: 0; width: 150px; height: 1px; background: #000; opacity: 0.3; }
div.plex div.pcontent h2 span { position: absolute; right: 0; height: 48px; font-size: 18px; line-height: 54px; white-space: nowrap; opacity: 0.7; }
div.plex div.pcontent h2 span.double { top: -2px; line-height: 48px; }
div.plex div.pcontent h2 span span { position: absolute; top: 18px; font-size: 12px; opacity: 0.5; }
div.plex div.pcontent h2 > span:not(.double):after { position: absolute; content: ''; bottom: 0; right: 0; width: 100px; height: 1px; background: #000; opacity: 0.2; }

div.plex div.pcontent p.mini { padding: 10px 20px; font-size: 10px; line-height: 14px; text-align: justify; opacity: 0.7; }

div.plex div.pcontent div.step:not(.active) { display: none; }
div.plex div.pcontent div.filtersinpage { margin: 15px 20px 0; height: 30px; background: none; border-width: 0; }
div.plex div.pcontent div.filtersinpage form.filters { z-index: 5; float: right; padding: 0; }
div.plex div.pcontent div.filtersinpage form.filters a.button { float: none; }
div.plex div.pcontent div.filtersinpage ul.legend { font-size: 12px; line-height: 30px; }
div.plex div.pcontent div.filtersinpage ul.legend:before { content: attr(data-text); display: inline-block; }
div.plex div.pcontent div.filtersinpage ul.legend li { display: inline-block; margin: 0 0 0 10px; }
div.plex div.pcontent div.filtersinpage ul.legend li:before { content: ''; display: inline-block; margin: 0 5px 0 0; width: 16px; height: 14px; border-width: 1px; vertical-align: middle; }
div.plex div.pcontent div.filtersinpage ul.legend li:nth-child(1):before { background: #ccc; }
div.plex div.pcontent div.filtersinpage ul.legend li:nth-child(2):before { background: #a39d87; }
div.plex div.pcontent div.filtersinpage ul.legend li:nth-child(3):before { background: #222; }

/* File List */
div.listfiles { padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); margin-right: -1px; width: calc(100% + 1px); }
div.listfiles section.file { display: inline-block; margin: 0; padding: 20px 15px; border-width: 0 1px 1px 0; }
div.listfiles section.file span.icon { display: block; margin: 0 auto 10px; font-size: 75px; line-height: 1em; text-align: center; }
div.listfiles section.file span.icon:before { display: none; }
div.listfiles section.file h2 { padding: 0; font-size: 15px; line-height: 1.8em; text-align: center; }
div.listfiles section.file p { padding: 0; font-size: 11px; line-height: 1.6em; text-align: center; opacity: 0.7; }

/* Blog */
div.blog { margin: 20px auto 0; padding: 0 0 60px; width: 80%; }
div.blog p { padding: 0.8em 0 0; font-size: 18px; line-height: 1.6em; }
div.blog h1 { margin: 0 0 0.4em; padding: 1.6em 0 0; font-size: 30px; }
div.blog h2:not(.title), div.blog h3:not(.title) { padding: 1.8em 0 0; font-size: 20px; line-height: 1.6em; }
div.blog p.intro, div.blog p.bold { font-size: 22px; }
div.blog .left { text-align: left; }
div.blog .right { text-align: right; }
div.blog .italic { font-style: italic; }

div.blog img { margin: 25px 0; width: 100%; max-width: 100%; }
div.blog img.photoleft, div.blog img.photoright { max-width: 40%; }
div.blog img.photoleft { float: left; margin-left: 0; margin-right: 25px; }
div.blog img.photoright { float: right; margin-left: 25px; margin-right: 0; }
div.blog img.nomargin { margin-top: 0; }

div.blog ul.list { margin: 20px 0 0 2px; max-width: 80%; border-width: 0; border-style: dashed; list-style: disc inside; opacity: 0.7; }
div.blog ul.list ul { margin-top: 0; list-style: circle inside; opacity: 0.8; }
div.blog ul.list li { padding: 0 0 0.2em 30px; font-size: 18px; line-height: 1.6em; text-align: left; }
div.blog ul.list li:first-of-type { padding-top: 0; }
div.blog ul.list.nospace li { padding-top: 0; }

div.blog ul.list.right { margin-left: 0; margin-right: 2px; max-width: none; list-style: none;  border-width: 0 1px 0 0; }
div.blog ul.list.right li { text-align: right; padding-left: 0; padding-right: 30px; }

div.blog p, div.blog ul { overflow: auto; }
div.blog p a, div.blog ul li a { text-decoration: underline; }

/* Teach */
div.teach div.infos { margin: 0; padding: 0; border-width: 0 0 1px; }
div.teach div.infos, div.article h1.ref { background: rgba(0, 0, 0, 0.03); opacity: 0.8; }
div.teach div.infos label { display: inline-block; margin: 0; padding: 20px 0 25px; width: 50%; font-size: 20px; line-height: 24px; text-align: center; font-weight: bold; border-left-width: 1px; overflow: hidden; }
div.teach div.infos:not(.mini) label:nth-of-type(2n+1) { border-left-width: 0; }
div.teach div.infos label:before { content: attr(data-title); display: block; padding: 0; font-size: 10px; line-height: 20px; text-align: center; font-weight: normal; opacity: 0.5; }
div.teach div.infos label:after { display: none; }
div.teach div.infos label.double { width: 100%; }

div.teach img.full { margin: 0 20px; width: calc(100% - 40px); border-width: 1px; }

div.teach table.stats { margin: 15px 20px 0; width: calc(100% - 40px); border-collapse: collapse; }
div.teach table.stats th { padding: 0 5px; font-size: 13px; line-height: 2em; border-width: 1px; background: rgba(0, 0, 0, 0.075); white-space: nowrap; }
div.teach table.stats th[data-width="20"] { width: 20%; }
div.teach table.stats th.left { text-align: left; }
div.teach table.stats td { padding: 0 5px; font-size: 13px; line-height: 2em; border-width: 1px; }
div.teach table.stats td span { float: right; font-size: 11px; opacity: 0.5; }
div.teach table.stats td i { font-size: 10px; font-style: normal; opacity: 0.5; }
div.teach table.stats tr.step:not(.active) { display: none; }

div.teach table.stats td.secret { cursor: copy; }
div.teach table.stats td.secret:not(:hover):before { position: absolute; content: '***'; top: 0; left: 0; right: 0; bottom: 0; padding: 0 5px; color: rgba(0, 0, 0, 0.5); background: #f5f5f5; }
div.teach table.stats td.secret:not(:hover) span { display: none; }

div.teach div.graph { display: inline-block; margin: 15px 0 35px 35px; padding-top: 15px; padding-right: 1px; height: 280px; border-width: 0 0 1px 1px; border-color: rgba(0, 0, 0, 0.5); }

div.teach div.graph div.rows { position: absolute; top: 15px; left: 0; right: 0; bottom: 0; pointer-events: none; }
div.teach div.graph div.row { display: block; border-style: dashed; border-width: 1px 0 0; border-color: rgba(0, 0, 0, 0.3); }
div.teach div.graph div.row:not(:nth-child(5n+1)) { border-color: rgba(0, 0, 0, 0.1); }
div.teach div.graph div.row:last-of-type { border-color: transparent; }
div.teach div.graph div.row span.legend { position: absolute; top: -12px; left: -28px; width: 20px; font-size: 10px; line-height: 20px; text-align: right; }

div.teach div.graph1 { margin-right: 10px; width: calc(12% - 35px - 10px); }
div.teach div.graph2 { margin-right: 20px; width: calc(88% - 35px - 20px); }

div.teach div.graph div.column { display: inline-flex; height: 100%; text-align: center; cursor: copy; }
div.teach div.graph1 div.column { width: 100%; }
div.teach div.graph2 div.column { width: calc(100% / 12); }
div.teach div.graph div.column:before, div.teach div.graph div.column:after { content: ''; flex: 1; }
div.teach div.graph div.column span.legend { position: absolute; bottom: -22px; left: 0; right: 0; font-size: 10px; line-height: 20px; text-align: center; }
div.teach div.graph div.column.active span.legend { bottom: -26px; height: 25px; line-height: 22px; color: #fff; background: rgba(0, 0, 0, 0.6); border-radius: 0 0 3px 3px; }
div.teach div.graph div.column span.bar { display: inline-block; margin: 0 2px; width: 5px; min-height: 2px; background: #222; align-self: flex-end; }
div.teach div.graph div.column span.bar.b1 { background: #ccc; }
div.teach div.graph div.column span.bar.b2 { background: #a39d87; }
div.teach div.graph div.column span.bar.b3 { width: 10px; }

/* CGV */
iframe.cgv { width: calc(100% - 20px); height: calc(100% - 20px); margin: 10px; }

/* PDF */
.pdf object { width: 100%; height: 75vh; }

/* Table Mail */
table.mail { margin: 15px 0 0; width: 100%; border: 1px solid #000000; border-collapse: collapse; }
table.mail td { padding: 4px 10px; height: 24px; font-size: 13px; line-height: 20px; text-align: left; vertical-align: middle; border: 1px solid #000000; white-space: nowrap; letter-spacing: -0.05em; }
table.mail tr.title td { height: 30px; line-height: 30px; font-weight: bold; text-align: center; color: #fff; background: #000; }

/* Login */
body.login { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url('/img/back-login.jpg') no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow: hidden; }

body.login header { padding: 0; height: 2px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
body.login footer { position: fixed; bottom: 0; left: 0; right: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

div.login { top: calc(50% - 120px); margin: 0 auto; padding: 10px; width: 370px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: transparent; border-radius: 2px; box-shadow: 0 0 150px rgba(0, 0, 0, 0.5); }
div.login p.help { position: absolute; bottom: -30px; left: 0; right: 0; font-size: 12px; line-height: 20px; text-align: center; opacity: 0.6; }

form.login { padding: 0 0 15px 0; width: 100%; background: #fff; border-width: 1px; }
form.login span.logo { display: block; width: 100%; height: 115px; background: url('/img/logo-header.png') no-repeat 50% 55%; background-size: 100% auto; }
form.login label { z-index: 1; position: absolute; width: 60px; height: 70px; background: url('/img/icons-login.png') no-repeat 0 0; background-size: 70px auto; }
form.login label.password { background-position: 0 -70px; }
form.login input.field { display: block; padding: 0 0 2px 66px; width: 100%; height: 72px; font-size: 20px; line-height: 68px; background: #ecedee; border-width: 1px 0 1px; }
form.login input.field.password { height: 71px; border-width: 0 0 1px; }
form.login input.field + span.error { display: none; position: absolute; top: 46px; left: 66px; font-size: 11px; line-height: 20px; pointer-events: none; }
form.login input.field.password + span.error { top: 117px; }

form.login div.text { margin: 0 0 31px; }
form.login div.text p.center { font-size: 14px; line-height: 22px; }
form.login div.text p.center:first-of-type { padding-top: 2px; }
form.login div.explain { padding: 0 20px; }
form.login div.explain p { padding-top: 11px; }

form.login p.buttons { display: block; margin: 15px auto 0; padding: 0; width: calc(100% - 30px); height: 50px; }
form.login p.buttons a.button { display: inline-block; margin: 0 0 0 10px; width: 100%; height: 50px; font-size: 20px; line-height: 50px; }
form.login p.buttons a.button:first-of-type { margin-left: 0; }
form.login p.buttons a.button.back { opacity: 0.5; }
form.login p.buttons a.button.back:empty { width: 50px; opacity: 0.5; }
form.login p.buttons a.button.back:empty:before { content: '<'; }
form.login p.buttons a.button.back + a.submit { width: calc(100% - 60px); }
form.loading:not(.addtocart) a.submit { opacity: 0.25; }
@media only screen and (max-width: 400px){ div.login { -webkit-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); } }
@media only screen and (max-width: 370px){ div.login { margin: 0 -20px; width: calc(100% + 40px); -webkit-transform: translateY(-50%) scale(0.8); transform: translateY(-50%) scale(0.8); } }
@media only screen and (max-width: 330px){ div.login { margin: 0 -50px; width: calc(100% + 100px); -webkit-transform: translateY(-50%) scale(0.7); transform: translateY(-50%) scale(0.7); } }
@media only screen and (max-width: 290px){ div.login { margin: 0 -70px; width: calc(100% + 140px); -webkit-transform: translateY(-50%) scale(0.6); transform: translateY(-50%) scale(0.6); } }

@media only screen and (max-height: 660px), (max-width: 1010px){
	div.login { top: 50%; }
	body.login footer { display: none; }
	}





/* TMP */
h1 { margin: 0 25px; padding: 20px 0 0; font-size: 30px; line-height: 50px; border-bottom: 1px solid rgba(51, 63, 73, 0.30); }
h1 span.right { float: right; text-align: right; }

div.listing { display: table; margin-top: 20px; width: 100%; }
div.listing ul { display: table-row; }
div.listing ul:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.08); }
div.listing ul.headline { background-color: #000; color: #fff; font-weight: bold; }
div.listing ul li { display: table-cell; padding: 0 15px; font-size: 12px; line-height: 30px; text-align: center; border-width: 1px 1px 0 0; white-space: nowrap; }
div.listing ul li:first-of-type { border-left-width: 1px; }
div.listing ul:last-of-type li { border-bottom-width: 1px; }
div.listing ul li.name { width: 30%; font-size: 14px; font-weight: bold; text-align: left; }
div.listing ul li.left { text-align: left; }

div.groupfield { margin-top: 15px; padding: 0 15px; border-width: 1px; border-radius: 3px; }
.groupfield label { display: block; padding: 5px 0; border-width: 0 0 1px 0; }
.groupfield label.pointer { cursor: pointer; }
.groupfield label.disabled { opacity: 0.5; }
.groupfield label:last-child { border: 0; }
.groupfield label em { position: absolute; z-index: 2; padding: 5px 0 0 0; width: 100px; font-size: 12px; line-height: 20px; text-align: right; font-style: normal; opacity: 0.7; }
.groupfield label strong { display: block; font-size: 14px; line-height: 30px; font-weight: bold; }
.groupfield label strong.right { text-align: right; }
.groupfield label strong, .groupfield label input, .groupfield label select { margin-left: 107px; width: calc(100% - 107px); height: 30px; border: 0; }
.groupfield > p.center { padding: 15px; font-size: 12px; line-height: 20px; opacity: 0.7; }








/* Slick */
.slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; margin: 0; padding: 0; height: 100%; overflow: hidden; }
.slick-list.dragging { cursor: grabbing; }

.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; display: block; top: 0; left: 0; margin-left: auto; margin-right: auto; height: 100%; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }

.slick-loading .slick-track
{
visibility: hidden;
}

.slick-slide
{
display: none;
float: left;

height: 100%;
min-height: 1px;
}
.slick-vertical .slick-slide { display: block; float: none; width: auto !important; }
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img {
display: block;
}
.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.slick-hidden {
display: none;
}




/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}


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

    display: block;

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

    list-style: none;

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

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

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

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    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.5;
}
.slick-dots li button:before {
    font-size: 16px;
    line-height: 20px;

    position: absolute;
    top: -1px;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before { font-size: 20px;
    opacity: .75;
    color: black;
}









/* Look Book */
div.popupbook div.popupcontent { overflow: initial; }
.wrapbook { width: 100%; height: 100%; }

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





input.datepicker { padding-right: 40px; background-position: 100% -1178px; cursor: pointer; }
.pane label input.datepicker { padding-right: 38px; background-position: 100% -1175px; }

.ui-datepicker { z-index: 15 !important; display: none; margin-top: -1px; padding: 5px 10px; width: 238px; font-size: 13px; line-height: 22px; background: #fff; border-width: 1px; }
body[data-withpane] .ui-datepicker { z-index: 1015 !important; }
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
	}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    background-image: none;
	}
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
	}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
	}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    font-weight: normal;
	}








/* Tooltip */
.ui-tooltip { z-index: 9999; position: fixed; padding: 5px 8px; max-width: 300px; font-size: 12px; line-height: 1.6em; color: #fff; background: rgba(0, 0, 0, 0.8); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 4px; white-space: nowrap; pointer-events: none; }

/* Reset */
.flip-clock-wrapper * {
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
	-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;
	}
.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after, .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: ' '; display: table; }
.flip-clock-wrapper.clearfix:after, .flip-clock-wrapper:after { clear: both; }
.flip-clock-wrapper.clearfix { zoom: 1; }

/* Main */
.flip-clock-wrapper { pointer-events: none; overflow: hidden; }
.flip-clock-wrapper ul { display: inline-block; margin: 0 1px; width: 15px; height: 26px; border-radius: 2px; background: linear-gradient(to bottom, #404040 35%, #000 95%); }
.flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 14px; line-height: 26px; color: #fff; }
.flip-clock-wrapper ul li:first-child { z-index: 2; }
.flip-clock-wrapper ul li a { display: block; height: 100%; margin: 0 !important; overflow: visible !important;
	-webkit-perspective: 200px;
	-moz-perspective: 200px;
	perspective: 200px;
	}
.flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; overflow: hidden; outline: 1px solid transparent; }
.flip-clock-wrapper ul li a div .shadow { z-index: 2; position: absolute; width: 100%; height: 100%; }
.flip-clock-wrapper ul li a div.up { top: 0; border-top-left-radius: 2px; border-top-right-radius: 2px;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	}
.flip-clock-wrapper ul li a div.up:after { z-index: 5; content: ''; position: absolute; top: 13px; left: 0; width: 100%; height: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.4); }
.flip-clock-wrapper ul li a div.down { bottom: 0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
	}
.flip-clock-wrapper ul li a div div.inn { z-index: 1; position: absolute; left: 0; width: 100%; height: 200%; color: #fff; text-align: center; background: linear-gradient(to bottom, #404040 35%, #000 95%); border-radius: 2px; }
.flip-clock-wrapper ul li a div.up div.inn { top: 0; }
.flip-clock-wrapper ul li a div.down div.inn { bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; }
.flip-clock-wrapper .flip { box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }


.flip-clock-divider { display: inline-block; }
.flip-clock-divider:first-child, .flip-clock-label, .flip-clock-dot { display: none; }
.flip-clock-divider:before { content: ':'; display: inline-block; width: 4px; height: 26px; font-size: 12px; line-height: 26px; font-weight: bold; text-align: center; color: #000; opacity: 0.7; }

.flip-clock-wrapper ul li.flip-clock-active { z-index: 3; }
.flip-clock-wrapper ul.play li.flip-clock-active { z-index: 5;
	-webkit-animation: clockasd 0.01s 0.24s linear both;
	-moz-animation: clockasd 0.01s 0.24s linear both;
	animation: clockasd 0.01s 0.24s linear both;
	}
@-webkit-keyframes clockasd { 0% { z-index: 2; } 100% { z-index: 4; } }
@-moz-keyframes clockasd { 0% { z-index: 2; } 100% { z-index: 4; } }
@-o-keyframes clockasd { 0% { z-index: 2; } 100% { z-index: 4; } }
@keyframes clockasd { 0% { z-index: 2; } 100% { z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2;
	-webkit-animation: clockturn 0.25s 0.25s linear both;
	-moz-animation: clockturn 0.25s 0.25s linear both;
	animation: clockturn 0.25s 0.25s linear both;
	}
@-webkit-keyframes clockturn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } }
@-moz-keyframes clockturn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } }
@-o-keyframes clockturn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } }
@keyframes clockturn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2;
	-webkit-animation: clockturn2 0.25s linear both;
	-moz-animation: clockturn2 0.25s linear both;
	animation: clockturn2 0.25s linear both;
	}
@-webkit-keyframes clockturn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } }
@-moz-keyframes clockturn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } }
@-o-keyframes clockturn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } }
@keyframes clockturn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
-webkit-animation: clockshow 0.25s linear both;
-moz-animation: clockshow 0.25s linear both;
animation: clockshow 0.25s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
-webkit-animation: clockhide 0.25s 0.1s linear both;
-moz-animation: clockhide 0.25s 0.1s linear both;
animation: clockhide 0.25s 0.1s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
-webkit-animation: clockshow 0.25s linear both;
-moz-animation: clockshow 0.25s linear both;
animation: clockshow 0.25s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
-webkit-animation: clockhide 0.25s 0.1s linear both;
-moz-animation: clockhide 0.25s 0.1s linear both;
animation: clockhide 0.25s 0.1s linear both; }

@-webkit-keyframes clockshow { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes clockshow { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes clockshow { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes clockshow { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes clockhide { 0% { opacity: 1; } 100% { opacity: 0; } }
@-moz-keyframes clockhide { 0% { opacity: 1; } 100% { opacity: 0; } }
@-o-keyframes clockhide { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes clockhide { 0% { opacity: 1; } 100% { opacity: 0; } }

/* Payline */
div.pane div.cartoptions { width: 100%; border-width: 0; }
div.pane div.cartoptions p.cgv { padding: 15px 20px 0; text-align: justify; }
div.pane div.cartoptions ul.list li label { padding: 0; /* width: 100%; */ background: transparent; border-width: 0; }

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

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

div.pane .PaylineWidget.pl-container-default .pl-pay-btn { display: block; padding: 0 15px; width: 100%; max-width: inherit; height: 40px; font-size: 16px; line-height: 40px; text-align: center; background-color: #1c2325; border: 0; border-radius: 3px; }
div.pane .PaylineWidget.pl-container-default .pl-pay-btn:hover { background-color: #1c2325; }













/* Scrollbars */
.scrollrail { z-index: 100; position: absolute; top: 2px; right: 2px; bottom: 2px; width: 5px; border-radius: 3px; pointer-events: none; }
.scrollbar { position: absolute; top: 0; width: 100%; height: 50%; background-color: #333f49; border-radius: 3px; opacity: 0; }
.scrollbar.active { opacity: 0.7; }
div.usermenu .scrollbar { background-color: #f6f6f7; }
div.usermenu .scrollbar.active { opacity: 0.3; }
.scrollrail, .scrollbar {
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	}
.scrollbar.delay {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	}

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

	/* Wrap */
	div.forcewrap { margin: 0 auto; width: 100%; }

	/* Header */
	.header a.logo { width: 56px; background-position-y: 70%; }
	}

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

	/* Articles */
	section.article000 { width: calc((100% - 80px) / 4); }
	}

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

	/* ColMenu */
	div.colmenu > div.wrap { padding-left: 20px; }
	}

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

	/* Header */
	header div.menu ul.menucashback { width: 185px; }
	header div.menu ul.menucashback span.button { display: none; }

	/* Cart */
	.header a.cart { width: auto; }
	.header a.cart strong, .header a.cart span { display: none; }
	}

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

	/* Header  */
	header div.menu ul.menudeals { display: none; }
	}

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

	/* Header  */
	.header a.logo00 { width: 235px; }

	/* Article */
	div.popuparticle { width: 957px; height: 570px; }
	div.popuplogo { display: none; }
	div.article div.arleft { width: 85px; }
	div.article div.photos a, div.article div.variants a { width: 55px; height: 55px; }
	}

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

	/* Header  */
	.header a.logo00 { width: 205px; }

	/* Article */
	div.popuparticle { width: 907px; height: 540px; }
	div.article div.photo { /* width: 552px; */ width: calc(100% - 355px); }
	}

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

	/* Articles */
	section.article000 { width: calc((100% - 40px) / 2); }
	}

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

	/* Position */
	div.cartoptions div.item .checkbox .explain { display: none; }
	}

/* Print */
@media only print {
	header, div.menu, div.usermenu { display: none; }
	.scroller { overflow: auto; position: relative; top: initial; left: initial; right: initial; bottom: initial; }
	.overflow { overflow: auto !important; }
	}

/* Smooth Scroll */
@media (-moz-touch-enabled: 1), (pointer: coarse){
	.scroll, div.popupcontent { -webkit-overflow-scrolling: touch; }
	.scroll .innerscroll:not(.withoverlay) { -webkit-transform: translate3d(0,0,0); }
	}

/* 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:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;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)}}